使用Core Animation对象来实现动画

时间：2023-03-08 19:52:35

转载保留原文地址：http://blog.****.net/kqjob/article/details/10417461，转载的

在iOS中如果使用普通的动画则可以使用UIKit提供的动画方式来实现，如果想实现更复杂的效果，则需要使用Core Animation了。

下面详解各种类型动画的使用方式

1、通过动画上下文使用UIKit动画

  1. -(void)animationOfUIKit
  2. {
  3. UIView *redView=[[UIView alloc]initWithFrame:CGRectMake(10, 10, 100, 100)];
  4. redView.backgroundColor=[UIColor redColor];
  5. [self.view addSubview:redView];
  6. //开始动画
  7. [UIView beginAnimations:@"test" context:nil];
  8. //动画时长
  9. [UIView setAnimationDuration:1];
  10. /*
  11. *要进行动画设置的地方
  12. */
  13. redView.backgroundColor=[UIColor blueColor];
  14. redView.frame=CGRectMake(50, 50, 200, 200);
  15. redView.alpha=0.5;
  16. //动画结束
  17. [UIView commitAnimations];
  18. }

2、通过代码块使用UIKit动画

  1. -(void)animationOfBlock
  2. {
  3. //初始化一个View，用来显示动画
  4. UIView *redView=[[UIView alloc]initWithFrame:CGRectMake(10, 10, 100, 100)];
  5. redView.backgroundColor=[UIColor redColor];
  6. [self.view addSubview:redView];
  7. [UIView animateWithDuration:1 //时长
  8. delay:0 //延迟时间
  9. options:UIViewAnimationOptionTransitionFlipFromLeft//动画效果
  10. animations:^{
  11. //动画设置区域
  12. redView.backgroundColor=[UIColor blueColor];
  13. redView.frame=CGRectMake(50, 50, 200, 200);
  14. redView.alpha=0.5;
  15. } completion:^(BOOL finish){
  16. //动画结束时调用
  17. //............
  18. }];
  19. }

使用Core Animation对象来实现动画

在Core Animation中我们经常使用的是

  • CABasicAnimation
  • CAKeyframeAnimation
  • CATransitionAnimation

其中CABasicAnimation和CAKeyframeAnimation是对图层中的不同属性进行动画的。

如果要多整个图层进行动画，则应该使用CATransitionAnimation

如果要使用组合动画，例如要改变图层的大小和透明度，则可以先为每个属性创建一个CABasicAnimation对象，再把他们组合到CAAnimationGroup中，最后把这个组合添加到要进行动画的CALayer中。

注：CAAnimation（以及CAAnimation的子类）,全部都是显式动画，这样动画播放后，表现层回恢复到模型层的原始状态，这就意味着，如果动画播放完后，会恢复到原来的样子，所以在动画播放完后要对模型层进行修改，例如：self.view.layer.backgroundColor=[UIColor blueColor].CGColor;

1、自定义动画：CABasicAnimation

  1. -(void)animationOfCABasicAnimation
  2. {
  3. //创建一个CABasicAnimation对象
  4. CABasicAnimation *animation=[CABasicAnimation animation];
  5. //设置颜色
  6. animation.toValue=(id)[UIColor blueColor].CGColor;
  7. //动画时间
  8. animation.duration=1;
  9. //是否反转变为原来的属性值
  10. animation.autoreverses=YES;
  11. //把animation添加到图层的layer中，便可以播放动画了。forKey指定要应用此动画的属性
  12. [self.view.layer addAnimation:animation forKey:@"backgroundColor"];
  13. }

2、关键帧动画：CAKeyframeAnimation

1. path

这是一个 CGPathRef  对象，默认是空的，当我们创建好CAKeyframeAnimation的实例的时候，可以通过制定一个自己定义的path来让  某一个物体按照这个路径进行动画。这个值默认是nil  当其被设定的时候  values  这个属性就被覆盖

2. values

一个数组，提供了一组关键帧的值，  当使用path的 时候 values的值自动被忽略。

下面是改变依次改变view的颜色

  1. -(void)animationOfCAKeyframeAnimation
  2. {
  3. CAKeyframeAnimation *animation=[CAKeyframeAnimation animation];
  4. //设置属性值
  5. animation.values=[NSArray arrayWithObjects:
  6. (id)self.view.backgroundColor,
  7. (id)[UIColor yellowColor].CGColor,
  8. (id)[UIColor greenColor].CGColor,
  9. (id)[UIColor blueColor].CGColor,nil];
  10. animation.duration=3;
  11. animation.autoreverses=YES;
  12. //把关键帧添加到layer中
  13. [self.view.layer addAnimation:animation forKey:@"backgroundColor"];
  14. }

3、使用路径制作动画：CAKeyframeAnimation

  1. -(void)animationOfCAKeyframeAnimationPath
  2. {
  3. //初始化一个View，用来显示动画
  4. UIView *redView=[[UIView alloc]initWithFrame:CGRectMake(10, 10, 20, 20)];
  5. redView.backgroundColor=[UIColor redColor];
  6. [self.view addSubview:redView];
  7. CAKeyframeAnimation *ani=[CAKeyframeAnimation animation];
  8. //初始化路径
  9. CGMutablePathRef aPath=CGPathCreateMutable();
  10. //动画起始点
  11. CGPathMoveToPoint(aPath, nil, 20, 20);
  12. CGPathAddCurveToPoint(aPath, nil,
  13. 160, 30,//控制点
  14. 220, 220,//控制点
  15. 240, 380);//控制点
  16. ani.path=aPath;
  17. ani.duration=10;
  18. //设置为渐出
  19. ani.timingFunction=[CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseIn];
  20. //自动旋转方向
  21. ani.rotationMode=@"auto";
  22. [redView.layer addAnimation:ani forKey:@"position"];
  23. }

相关文章