CALayer

一、CALayer
1、CALayer一般作为UIViewiew的容器使用
2、CALayer是一个管理着图片载体的层结构
3、直接修改单独创建出的CALayer的属性可以触发隐式动画
4、UIview中的CALayer动画必须显示触发才能生效

例一、
@property(nonatomic,strong)CALayer * layer;
 - (void)viewDidLoad {
   [super viewDidLoad];
  UIView * containerView=[[UIView alloc]initWithFrame:CGRectMake(100, 100, 100, 3)];
  containerView.backgroundColor=[UIColor redColor];
  [self.view addSubview:containerView];

  self.layer=[CALayer layer];
  self.layer.frame=CGRectMake(0, 0, 0, 3);
  self.layer.backgroundColor=[UIColor greenColor].CGColor;
  [containerView.layer addSublayer:self.layer];

  [self performSelector:@selector(layerAnimation) withObject:nil afterDelay:3.0f];
 }

 -(void)layerAnimation
 {
     self.layer.frame=CGRectMake(0, 0, 50, 3);
}

如图做隐式动画的缓冲进度条

例二：
自定义一个view
 ProgressView.h文件
 @interface ProgressView : UIView
 @property(nonatomic,assign)CGFloat progress;//进度参数
 @end
 ProgressView.m文件
 #import "ProgressView.h"
/** 存放不想让外部类访问的变量 */
@interface ProgressView ()
@property(nonatomic,strong)CALayer * progressLayer;
@property(nonatomic,assign)CGFloat currentViewWidth;
@end

@implementation ProgressView

- (instancetype)initWithFrame:(CGRect)frame
  {
     self = [super initWithFrame:frame];
     if (self) {
    self.progressLayer=[CALayer layer];
    self.progressLayer.frame=CGRectMake(0, 0, 0, frame.size.height);
    self.progressLayer.backgroundColor=[UIColor greenColor].CGColor;
    [self.layer addSublayer:self.progressLayer];
    
    //存储当前view的宽度值
    self.currentViewWidth=frame.size.width;
}
    return self;
}
/**  重写setter，getter方法 */
@synthesize progress=_progress;
  -(void)setProgress:(CGFloat)progress
 {
_progress=progress;
if (progress<=0) {
    self.progressLayer.frame=CGRectMake(0, 0, 0, self.frame.size.height);
}else if(progress<=1)
{
    self.progressLayer.frame=CGRectMake(0, 0, progress*self.currentViewWidth, self.frame.size.height);
  }
}
-(CGFloat)progress
{
return _progress;
}
@end
viewcontroller里：
@property(nonatomic,retain)ProgressView * progressview;
@property(nonatomic,retain)NSTimer * timer;
- (void)viewDidLoad {
[super viewDidLoad];

self.progressview=[[ProgressView alloc]initWithFrame:CGRectMake(20, 100, 290, 5)];
self.progressview.layer.borderWidth=1.0f;
[self.view addSubview:self.progressview];

[self performSelector:@selector(layerAnimation) withObject:nil afterDelay:3.0f];
self.timer=[NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(layerAnimation) userInfo:nil repeats:YES];
}
-(void)layerAnimation
{
   self.progressview.progress=arc4random()% 100/100.f;

}
二、CALayer做渐变动画

例一、
- (void)viewDidLoad {
[super viewDidLoad];
UIImage * image1=[UIImage imageNamed:@"ic_empty"];
self.imageLayer=[CALayer layer];
self.imageLayer.frame=CGRectMake(0, 100, 100, 100);
[self.view.layer addSublayer:self.imageLayer];

self.imageLayer.contents=(__bridge id)((image1.CGImage));
[self performSelector:@selector(layerAnimation) withObject:nil afterDelay:3.0f];
  }
-(void)layerAnimation
{
UIImage * image2=[UIImage imageNamed:@"ic_error"];
self.imageLayer.contents=(__bridge id )((image2.CGImage));
}

 例二、
 - (void)viewDidLoad {
[super viewDidLoad];
UIImage * image1=[UIImage imageNamed:@"ic_empty"];
self.imageLayer=[CALayer layer];
self.imageLayer.frame=CGRectMake(0, 100, 100, 100);
[self.view.layer addSublayer:self.imageLayer];

self.imageLayer.contents=(__bridge id)((image1.CGImage));
[self performSelector:@selector(layerAnimation) withObject:nil afterDelay:3.0f];
      }
-(void)layerAnimation
{
//图片动画
UIImage * image2=[UIImage imageNamed:@"ic_error"];
CABasicAnimation *animation=[CABasicAnimation animationWithKeyPath:@"contents"];
animation.fromValue=self.imageLayer.contents;
animation.toValue=(__bridge id )((image2.CGImage));
animation.duration=3.0f;

//bounds动画
CABasicAnimation * boundsAnimation=[CABasicAnimation animationWithKeyPath:@"bounds"];
boundsAnimation.fromValue=[NSValue valueWithCGRect:self.imageLayer.bounds];
boundsAnimation.toValue=[NSValue valueWithCGRect:CGRectMake(0, 100, 50, 50)];
boundsAnimation.duration=3.0f;

//组合动画
CAAnimationGroup * groupAnimation=[CAAnimationGroup animation];
groupAnimation.animations=@[animation,boundsAnimation];
groupAnimation.duration=3.0f;

//设定layer动画结束之后的值（必须设定，否则会恢复到动画之前的状态）
self.imageLayer.contents=(__bridge id )((image2.CGImage));
self.imageLayer.bounds=CGRectMake(0, 100, 50, 50);

//提交动画
[self.imageLayer addAnimation:groupAnimation forKey:nil];

}
创建遮罩
 self.imageContents=[UIImage imageNamed:@"ic_empty"];
 self.maskContents=[UIImage imageNamed:@"ic_error"];

self.imageLayer=[CALayer layer];
self.imageLayer.frame=CGRectMake(50, 50, 200, 200);
self.imageLayer.contents=(__bridge id)((self.imageContents.CGImage));
[self.view.layer addSublayer:self.imageLayer];

self.maskLayer=[CALayer layer];
self.maskLayer.frame=self.imageLayer.bounds;
//  self.maskLayer.contents=(__bridge id )((self.maskContents.CGImage));
self.maskLayer.backgroundColor=[UIColor blackColor].CGColor;

self.imageLayer.mask=self.maskLayer;