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;

 

posted @ 2015-12-18 13:38  莫莫smile1  阅读(266)  评论(0编辑  收藏  举报