闲话少说,直入主题吧还是,在ios开发中的动画实际有三种形式:

1.UIView动画,最基础的动画,主要是改变view的属性来达到动画的效果。

使用这个而动画可以实现如下效果:

1.1淡入淡出(主要改变view的透明度)

1.2位移(主要改变view的位置)

1.3缩放的效果(改变view的缩放比例)

 CGAffineTransform transfarm = self.myView.transform;

  self.myView.transform = CGAffineTransformScale(transfarm, 0.1, 0.1);//缩放比例

下面就给大家演示一下代码(以缩放效果为主,其他效果类似):

transfarm = self.view.transform;
  self.view.transform = CGAffineTransformScale(transfarm, 0.1, 0.1);//动画开始前的缩放比例
    [UIView animateWithDuration:0.2//动画持续时间 animations:^{
        self.view.transform = CGAffineTransformScale(transfarm, 0.8, 0.8);//动画开始的缩放比例
completion:^(BOOL      [UIView animateWithDuration:0.5 animations:^{
        self.view.transform = CGAffineTransformScale(transfarm, 1, 1);//动画开结束的缩放比例
        }];
 
  
 
    }];

注意:如果动画结束时没有结束动画可以用下边的block来写


[UIView animateWithDuration:0.5 animations:^{
     self.view.transform = CGAffineTransformScale(transfarm, 1, 1);//动画开结束的缩放比例
}];

下面演示的是父视图上面的两个子视图之间的切换动画效果:
[UIView transitionWithView:self.view duration:0.5 options:UIViewAnimationOptionTransitionFlipFromLeft(切换动画样式) animations:^{
      //视图如何切换的代码(切换动画样式)
     [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];//切换父视图上面的两个子视图
 completion:^(BOOL        //结束时候的代码
}];

2.CATransition动画,主要用来两个视图切换过度的动画效果,对UIView的Layer进行控制,系统内置了几种效果,可以直接使用。


#import <QuartzCore/QuartzCore.h>
2.1、父视图上面两个子视图的切换

 *animation = [CATransition animation];
 animation.duration = 0.6;//设置动画时长
 //加速方式可有以下几种:linear, easeIn, easeOut ,easeInEaseOut ,default
 animation.timingFunction =  [CAMediaTimingFunction functionWithName:@"easeInEaseOut"];
 //动画类型可有以下几种:kCATransitionFade,kCATransitionMoveIn,kCATransitionPush,kCATransitionReveal
 animation.type =  kCATransitionFade;
 animation.subtype = kCATransitionFromRight;
 [self.view.layer addAnimation:animation forKey:nil];
 [self.view exchangeSubviewAtIndex:0 withSubviewAtIndex:1];
 
  2.2、控制器之间的切换 
  

 *animation = [CATransition animation];
duration = 0.6;
    animation.timingFunction = [CAMediaTimingFunction functionWithName:@"easeInEaseOut"];
    animation.type = kCATransitionFade;
    [self.navigationController.view.layer addAnimation:animation forKey:nil];
    ViewController *VC = [[ViewController alloc]  init];
    [self.navigationController pushViewController:VC animated:YES];


3.CAAnimation,核心动画,结合绘图可以实现灵活多变的动画效果。



在项目中我偶尔会用到CAKeyframeAnimation,下面我就给大家简单介绍一下吧:



它是CApropertyAnimation的子类,跟CABasicAnimation的区别是:CABasicAnimation只能从一个数值(fromValue)变到另一个数值(toValue),可看做是最多只有2个关键帧的CAKeyframeAnimation,而CAKeyframeAnimation会使用一个数组保存这些数值



3.1、CAKeyframeAnimation



 属性解析:



3.1.1、values:就是上述的NSArray对象。里面的元素称为”关键帧”(keyframe)。动画对象会在指定的时间(duration)内,依次显示values数组中的每一个关键帧



3.1.2、path:可以设置一个CGPathRef\CGMutablePathRef,让层跟着路径移动。path只对CALayer的anchorPoint和position起作用。如果你设置了path,那么values将被忽略



3.1.3、keyTimes:可以为对应的关键帧指定对应的时间点,其取值范围为0到1.0,keyTimes中的每一个时间值都对应values中的每一帧.当keyTimes没有设置的时候,各个关键帧的时间是平分的



例如:



Values方式:


*k = [CAKeyframeAnimation animationWithKeyPath:@"position"];
     
    NSValue *value1=[NSValue valueWithCGPoint:CGPointMake(100, 100)];
     
    NSValue *value2=[NSValue valueWithCGPoint:CGPointMake(200, 100)];
     
    NSValue *value3=[NSValue valueWithCGPoint:CGPointMake(200, 200)];
     
    NSValue *value4=[NSValue valueWithCGPoint:CGPointMake(100, 200)];
     
    NSValue *value5=[NSValue valueWithCGPoint:CGPointMake(100, 100)];

values=@[value1,value2,value3,value4,value5];
 
    [self.view.layer addAnimation:k forKey:@"SHOW"];
 Path方式:
 
    CAKeyframeAnimation *animation = [CAKeyframeAnimation animation];
keyPath = @"position";
     
    CGMutablePathRef path=CGPathCreateMutable();
 
    CGPathAddEllipseInRect(path, NULL,  CGRectMake(150, 100,  100, 100));
     
path=path;
  
duration = 4.0f;
     
self.view.layer addAnimation:animation  forKey:nil];
keyPath可以使用的key
   #define angle2Radian(angle) ((angle)/180.0*M_PI)
transform.rotation.x 围绕x轴翻转 参数:角度 angle2Radian(4)
transform.rotation 默认围绕z轴
transform.scale.x x方向缩放 参数:缩放比例 1.5
transform.scale 所有方向缩放 参数:同上
transform.translation.x x方向移动 参数:x轴上的坐标 100
transform.translation 移动 参数:移动到的点 (100,100)
opacity 透明度 参数:透明度 0.5
backgroundColor 背景颜色 参数:颜色 (id)[[UIColor redColor] CGColor]
cornerRadius 圆角 参数:圆角半径 5
borderWidth 边框宽度 参数:边框宽度 5
bounds 大小 参数:CGRect
contents 内容 参数:CGImage
contentsRect 可视内容 参数:CGRect 值是0~1之间的小数
hidden 是否隐藏
position
shadowColor
shadowOffset
shadowOpacity
shadowRadius