CALayer
UIView之所以能显示在屏幕上,完全是因为它内部的一个图层
在创建UIVIew对象时,UIView内部会自动创建一个图层(即CALayer对象),通过UIView的layer属性可以访问这个层
当UIView需要显示到屏幕上时,会调用drawRect:方法进行绘图,并且会将所有内容绘制在自己的图层上,绘图完毕后,系统会将图层拷贝到屏幕上,于是就完成了UIView的显示
换句话说,UIView本身不具备显示的功能,是它内部的层才有显示的功能,所以通过操作CALayer对象,可以很方便地调整UIView的一些外观属性,(比如阴影,圆角大小,边框宽度和颜色),还可以给图层添加动画,实现一些酷炫的动画效果。
CALayer的一些本属性:
// 设置layer 边框
self.customView.layer.borderWidth = 10;
// 设置layer 边框颜色
self.customView.layer.borderColor = [UIColor greenColor].CGColor;
// 设置layer 的圆角(主图层的圆角)
self.customView.layer.cornerRadius = 10;
// 设置超出主图层的部分剪切掉
// self.customView.layer.masksToBounds = YES;
// 设置的image不是展示在主图层上,是展示在子图层上的
self.customView.layer.contents = (id)[UIImage imageNamed:@”me”].CGImage;
//设置阴影的颜色
self.customView.layer.shadowColor = [UIColor purpleColor].CGColor;
//设置阴影的偏移位
self.customView.layer.shadowOffset = CGSizeMake(10, 0);
//设置阴影透明度 0~1
self.customView.layer.shadowOpacity = 0.5;
当然我们也可以创建一个CALayer对象
CALayer *layer = [CALayer layer];
关于CALayer的疑惑
CALayer是定义在QuartzCore框架中
CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的
UIColor、UIImage是定义在UIKit框架中的
QuartzCore和CoreGraphics是跨平台的,在iOS和Mac OS X上都能使用,但是UIKit只能在iOS中使用
为了保证可移植性,QuartCore不能使用UIImage、CGColor,只能使用CGImageRef、CGColorRef
UIView和CALayer的选择
通过CALayer,就能做出跟UIView一样的界面效果,既然CALayer和UIView都能实现相同的效果,那究竟应该选择谁好呢?
对比CALayer,UIView多了一个事件处理的功能。也就是说,CALayer不能处理用户的触摸事件。而UIView可以。
所以如果显示出来的东西需要跟用户进行交互的话,用UIView;如果不需要用户进行交互,用UIView或者CALayer都可以,当然CALayer的性能会高一些,因为它少了事件处理的功能 ,更加轻量级。
position 和 anchorPoint(锚点)
CALayer 有2个非常重要的属性:position 和 anchorPoint
@property CGPoint position
用来设置CALayer在父层中的位置
以父层的左上角为原点(0,0)
@property CGPoint anchorPoint
称为“定位点”、“锚点”
决定这CALayer身上的哪个点会在position属性所指的位置
以自己的左上角为原点(0,0)
它的x、y取值范围都是0~1 ,默认值为(0.5,0.5)
自定义CALayer
第一种方法:
继承CALayer 重写 - (void)drawInContext:(CGContextRef)ctx;
#import “WQHLayer.h”
@implementation WQHLayer
- (void)drawInContext:(CGContextRef)ctx {
//画一个圆
//1.绘制图形
CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, 150, 150));
CGContextSetRGBFillColor(ctx, 1, 0, 0, 1);
//2.渲染图形
CGContextFillPath(ctx);
}
@end
需要注意的是drawInContext:方法是不会自动调用的,需要手动调用 setNeedsDisplay,才会去掉用drawInContext:
第二种方法:
不需要继承CALayer 只需要设置代理,在代理方法中编写代码即可
- (void)viewDidLoad {
[super viewDidLoad];
CALayer *layer = [CALayer layer];
layer.bounds = CGRectMake(0, 0, 200, 200);
layer.anchorPoint = CGPointZero;
layer.position = CGPointZero;
layer.backgroundColor = [UIColor greenColor].CGColor;
[self.view.layer addSublayer:layer];
layer.delegate = self;//设置代理(不需要遵守协议,因为你的父类NSObject已经帮你遵守了)
[layer setNeedsDisplay];
}
- (void)drawLayer:(CALayer *)layer inContext:(CGContextRef)ctx {
CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, 150, 150));
CGContextSetRGBFillColor(ctx, 1, 0, 0, 1);
//2.渲染图形
CGContextFillPath(ctx);
}