CALayer, CoreGraphics与CABasicAnimation介绍

今天我们来看一下CALayer、CoreGraphics和CABasicAnimation。这些东西在处理界面绘制、动画效果上非常有用。

本篇博文就讲介绍CALayer的基本概念，使用CoreGraphics自定义绘制，以及基于CABasicAnimation的动画。以下内容都假定您有一定的Object-C基础，也熟悉UIView等相关的操作。如果不熟的话，您还要自行查阅资料。这里就不多讲了。

要使用CALayer，首先要添加QuartzCore框架。然后在你的Controller里添加包含该框架的头文件

#import <QuartzCore/QuartzCore.h>

在Controller的实现中添加viewDidAppear:方法。

每个view都有layer对象。可以通过view的layer属性访问。也可以创建一个layer对象：

CALayer *layer = [CALayer layer];

默认的，layer的frame是CGRectZero。虽然默认的添加了之后（addSublayer）看不见，但是layer已经存在了。为了让这个layer现实出来，修改一下这些可视属性。

layer.frame = CGRectMake(, , , );

layer.backgroundColor = [UIColor orangeColor].CGColor;

这里layer接受的是color的CGColor属性值。添加到controller的view.layer的子layer中：

[self.view.layer addSublayer:layer];

运行起来项目，就可以看到这个orange色的一片。那就是你刚刚添加的layer。

现在开始研究自定义绘制。开始在layer上绘制之前需要给layer设置代理

[layer setDelegate:self];

注意：layer的代理如果是Controller的话，没有什么问题。如果是CAlayer或者UIView及其子类的话就会出问题。当自定义绘制时，会调用这个方法

- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx{

    NSLog(@"layer custom draw");

}

但是运行项目你会发现这个方法不会自动被调用，在Console里不会打印出“layer custom draw”。很有意思啊，这是为什么呢？这是因为我们需要自己调用触发layer绘制的方法。很简单！咱们已经设定好了代理，那么只需要调用这个方法

[layer setNeedsDisplay];

那么这时你再运行起来项目看看，Console就会打印出“layer custom draw”这个字符串了。

把下面的代码复制到你的绘制方法里。看看CoreGraphics是如何起作用的。运行效果，如图：

大家可以看到一条黑线，额，黑线，贯穿layer。

这个layer看起来太方了，来个圆角是不是更好。再加个边条，加个阴影。

    layer.cornerRadius = ;

    layer.borderColor = [UIColor yellowColor].CGColor;

    layer.borderWidth = ;

    layer.shadowColor = [UIColor blackColor].CGColor;

    layer.shadowOffset = CGSizeMake(, );

    layer.shadowOpacity = .8f;

跑起来代码，看看效果：

下面来看看CABasicAnimation。

在viewDidAppear方法中，添加完layer之后添加动画的代码：

CABasicAnimation* animation = [CABasicAnimation animationWithKeyPath:@"opacity"];

[animation setDuration:1.0];

[animation setRepeatCount:INT_MAX];

[animation setFromValue:[NSNumber numberWithFloat:0.0]];

[animation setToValue:[NSNumber numberWithFloat:1.0]];

[layer addAnimation:animation forKey:nil];

跑起来看看，对于layer透明度动画在视图加载完之后动画开始重复播放1000次。

全部代码（略有更改）

 #import "ADImplicitViewController.h"

 #import <QuartzCore/QuartzCore.h>

 @interface ADImplicitViewController ()

 @property (nonatomic, weak) CALayer *animLayer;

 @end

 @implementation ADImplicitViewController

 - (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil

 {

     self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];

     if (self) {

         // Custom initialization

     }

     return self;

 }

 - (void)viewDidLoad

 {

     [super viewDidLoad];

     // Do any additional setup after loading the view.

 }

 - (void)viewDidAppear:(BOOL)animated{

     [super viewDidAppear: animated];

     self.view.backgroundColor = [UIColor whiteColor];

     CALayer *layer = [CALayer layer];

     layer.frame = CGRectMake(, , , );

     layer.backgroundColor = [UIColor orangeColor].CGColor;

     _animLayer = layer;

     [layer setDelegate:self];

     [self.view.layer addSublayer:layer];

 //    [layer setNeedsDisplay];

     layer.cornerRadius = ;

     layer.borderColor = [UIColor yellowColor].CGColor;

     layer.borderWidth = ;

     layer.shadowColor = [UIColor blackColor].CGColor;

     layer.shadowOffset = CGSizeMake(, );

     layer.shadowOpacity = .8f;

     CABasicAnimation* animation = [CABasicAnimation animationWithKeyPath:@"opacity"];

     [animation setDuration:1.0];

     [animation setRepeatCount:];

     [animation setFromValue:[NSNumber numberWithFloat:0.0]];

     [animation setToValue:[NSNumber numberWithFloat:1.0]];

     [layer addAnimation:animation forKey:nil];

 }

 - (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx{

     NSLog(@"layer custom draw");

 //    CGContextSetStrokeColorWithColor(ctx, [UIColor blackColor].CGColor);

 //    CGContextSetLineWidth(ctx, 5);

 //

 //    CGContextMoveToPoint(ctx, 5, 5);

 //    CGContextAddLineToPoint(ctx, 95, 95);

 //

 //    CGContextStrokePath(ctx);

 }

 - (void)didReceiveMemoryWarning

 {

     [super didReceiveMemoryWarning];

     // Dispose of any resources that can be recreated.

 }

 - (IBAction)startAction:(id)sender {

     _animLayer.backgroundColor = [UIColor redColor].CGColor;

 }

 @end

巴特西

CALayer, CoreGraphics与CABasicAnimation介绍

最新文章

热门文章