CALayer

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);
    }
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值