iOS学习总结----核心动画(2)

实现动画分三部曲:

(1)创建动画对象;

(2)设置动画属性(时长,重复次数...);

(3)将动画添加到图层(layer)上.

这几个Demo都是练习用的,比较简单

一.CABasicAnimation:基础动画

// 获取相应的动画

CABasicAnimation *animation = ( CABasicAnimation *)[ _imgView . layer animationForKey : @"rotationAnimation ” ];( @“rotationAnimation"表示动画类型 )

1.缩放动画:

  //(1) 创建动画对象
    CABasicAnimation *scaleAnimation = [ CABasicAnimation animationWithKeyPath : @"transform.rotation" ];
   
    //(2) 设置动画属性
    scaleAnimation. duration = 1 ;
    scaleAnimation. fromValue = @1 ;
    scaleAnimation. toValue = @2 ;
   
    // 设置动画结束后以动画形式恢复到原状态
    scaleAnimation. autoreverses = YES ;
   
    //(3) 将动画添加到图层
    [ _imgView . layer addAnimation :scaleAnimation forKey : nil ];

   

2.左右抖动

  //1. 创建动画对象
    CABasicAnimation *rotationAnimation = [ CABasicAnimation animationWithKeyPath : @"transform.rotation" ];
   
    //2. 设置动画属性
    // 动画时间
    rotationAnimation. duration = 0.1 ;
    // 相应属性的初始值
    rotationAnimation. fromValue = @( - M_PI_4 * 0.2) ;
    // 相应属性的结束值
    rotationAnimation. toValue = @( M_PI_4 * 0.2) ;
    // 重复次数
    rotationAnimation. repeatCount = MAXFLOAT ;
    // 动画结束后以动画形式回到远状态
    rotationAnimation. autoreverses = YES ;
   
    //3. 添加到图层
    [ _imgView . layer addAnimation :rotationAnimation forKey : nil ];

   

 

二.CAKeyFrameAnimation:关键帧动画

基础动画可以实现的,关键帧动画都可以实现,反之则不然.

1.随机点运动:

//创建帧动画对象

  CAKeyframeAnimation *keyAnimation = [ CAKeyframeAnimation animationWithKeyPath : @"position" ];

   

    keyAnimation.duration = 2;//时长

    //用可变数组存放随机点

    NSMutableArray *array = [[ NSMutableArray alloc ] init ];
    // 随机生成 20 个点
    for ( int i = 0 ; i < 20 ; i ++) {
        CGPoint p = [ self creatRandom ];;
        NSValue *value = [ NSValue valueWithCGPoint :p];
       
        [array addObject :value];
    }
    //将数组交给动画

    keyAnimation.values = array;

   //添加到layer层

    [_imgView.layer addAnimation:keyAnimation forKey:nil];

2.圆周运动:

  // 以手指点击的地方作为圆心， 150 作为半径的圆运动

CAKeyframeAnimation *keyAnimation = [ CAKeyframeAnimation animationWithKeyPath : @"position" ];

keyAnimation.duration = 1;

keyAnimation. repeatCount = MAXFLOAT ;   

//创建运动路径

CGMutablePathRef path = CGPathCreateMutable ();    

// 创建圆

CGPathAddArc (path, NULL , touchPoint. x , touchPoint. y , 100 , 0 , M_PI * 2 , 1 );  

keyAnimation. path = path;

// 释放路径

CGPathRelease (path);   

[ _imgView . layer addAnimation :keyAnimation forKey : nil ];

    

三.CAAnimationGroup:组动画

  // 创建组动画对象

CAAnimationGroup  *group = [CAAnimationGroup animation];

  // 设置属性

group.duration = 5;(动画时长)

group.repeatCount = MAXFLOAT; (重复次数:无数次)

group. delegate = self ;(设置代理,用来监听动画的开始和结束,代理名: CAMediaTiming )

// 创建两个动画对象 , 添加到组动画中

CAAnimation *animation1 = [ self movieWithArc :touvhPoint];

CAAnimation *animation2 = [ self movieWithLeftAndRight ];

//将动画添加到动画组中

group.animations = @[animation1,animation2];

// 将动画添加到图层

[_imgView.layer addAnimation:group forKey:nil];

四.CATransition:转场动画

// 创建转场动画对象

CATransition *transition = [[CATransition alloc]init];

CACurrentMediaTime ()   (当前时间)

beginTime (动画开始时间)

_imgView.layer.timeOffset = 0; (时间偏移量,记录某一刻时间动画的进度)

_imgView.layer.speed = 1; (动画速度,speed为1表示开始,为0表示停止动画)

1.动画类型:

苹果官方提供了几种 动画类型:

kCATransitionFade  渐变

kCATransitionMoveIn 进入

kCATransitionPush  推入

kCATransitionReveal  移除

使用: transition. type = kCATransitionFade ;

私有的动画效果:如果在app中使用的话,上架遭拒的可能较大,不过最近可能放宽政策了.

rippleEffect  水滴效果

cameraIrisHollowClose  相机关闭的效果

cameraIrisHollowOpen  相机打开的效果

cube  立体翻滚

oglFlip  上下左右翻滚效果

suckEffect  收缩效果 , 如一块布被抽走

pageCurl  向上翻页

pageUnCurl  向下翻页

使用: 与官方提供的使用方法有所不同

transition. type = @"pageUnCurl" ;

2.修改导航控制器的动画:

//动画类型

transition. type = @"suckEffect" ;

//动画子类型,设置动画从哪个方向开始,对有些动画效果不起作用

transition.subtype = kCATransitionFromBottom;

//动画时长

transition. duration = 1 ;

   
    [ self . navigationController . view . layer addAnimation :transition forKey : nil ];
   
    SecondViewController *secondCtrl = [[ SecondViewController alloc ] init ];
    [ self . navigationController pushViewController :secondCtrl animated : NO ];