zoukankan      html  css  js  c++  java
  • ios各种动画的实现效果(转)

    原文地址http://blog.sina.com.cn/s/blog_884e78b20100u0pp.html

    第一种:
    CGContextRef context = UIGraphicsGetCurrentContext();
    [UIView beginAnimations:nil context:context];
    [UIView setAnimationCurve:UIViewAnimationCurveEaseInOut];
    [UIView setAnimationDuration:kDuration];//动画时间
    [UIView setAnimationTransition:UIViewAnimationTransitionCurlDown forView:self.view cache:YES];//第一个参数:动画类型
    NSUInteger green = [[self.view subviews] indexOfObject:self.greenView];
    NSUInteger blue = [[self.view subviews] indexOfObject:self.blueView];
    [self.view exchangeSubviewAtIndex:green withSubviewAtIndex:blue];
    [UIView setAnimationDelegate:self];
     // 动画完毕后调用某个方法
     //[UIView setAnimationDidStopSelector:@selector(animationFinished:)];
    [UIView commitAnimations];

    第二种:
    CATransition *animation = [CATransition animation];
    animation.delegate = self;
    animation.duration = kDuration;
    animation.timingFunction = UIViewAnimationCurveEaseInOut;
    animation.type = kCATransitionFade;//动画类型
    animation.subtype = kCATransitionFromLeft;//动画方向
    NSUInteger green = [[self.view subviews] indexOfObject:self.greenView];
    NSUInteger blue = [[self.view subviews] indexOfObject:self.blueView];
    [self.view exchangeSubviewAtIndex:green withSubviewAtIndex:blue];
    [[self.view layer] addAnimation:animation forKey:@"animation"];

    动画类型还有:

    1. 2.用字符串表示 
    2.      pageCurl            向上翻一页 
    3.      pageUnCurl          向下翻一页 
    4.      rippleEffect        滴水效果 
    5.      suckEffect          收缩效果,如一块布被抽走 
    6.      cube                立方体效果 
    7.      oglFlip             上下翻转效果  
    8.      cameraIrisHollowOpen  iphone相机打开效果
    9.      cameraIrisHollowOpen 关闭相机的效果
    10. */ 


    第三种:
    [UIView animateWithDuration:1 animations:^{
            [[self.view.subviews objectAtIndex:0] setAlpha:1];
            [[self.view.subviews objectAtIndex:1] setAlpha:0];
            NSUInteger green = [[self.view subviews] indexOfObject:self.greenView];
            NSUInteger blue = [[self.view subviews] indexOfObject:self.blueView];
            [self.view exchangeSubviewAtIndex:green withSubviewAtIndex:blue];
        }];

    还有其他类型的调用方法,这个是最简单的,可以加上其他的参数进行一些操作。
    第二个参数是一个代码快,来执行VIEW的属性改变,系统会将视图从当前状态平滑的过度到最终状态(就是你做修改之后的状态)。
    可以被改变的属性有:
    frame
    bounds
    center
    transform //可以实现3D/2D效果
    alpha
    backgroundColor
    contentStretch

    比如 self.view.layer.transform = CATransform3DMakeRotation(1, -1, -1, 1); 可以在代码中将整个VIEW动画旋转(这里只是一个例子,有效果,但是不怎么好看)

    上面是3D变化,如果是2d的,那么就应该修改view上的transform ,而不应该按照上面的代码。

  • 相关阅读:
    关于sublimeText3 设置格式化代码快捷键的问题
    前端网站收集汇总(持续更新)
    vue 插件(Sublime Text 3 常用插件以及安装方法)(转)
    关于实时监测网络每秒上下行流量问题
    Github上的iOS App源码 (中文)
    Mac上安装第三方应用显示包资源破坏解决办法
    vue开发环境搭建Mac版
    iOS跳转支付宝付款码和扫一扫页面
    深入出不来nodejs源码-timer模块(JS篇)
    深入出不来nodejs源码-events模块
  • 原文地址:https://www.cnblogs.com/xiaobaizhu/p/3100351.html
Copyright © 2011-2022 走看看