CALayer图层的基本介绍

Posted 2020-06-14

掌握 

● CALayer的基本属性
● CALayer和UIView的关系
● position和anchorPoint的作?用 

CALayer 

● 在ios中,你能看得见摸得着的东西基本上都是UIView,?比如?一个按钮、?一个?文本标签、?一 个?文本输?入框、?一个图标等等,这些都是UIView

● 其实UIView之所以能显?示在屏幕上,完全是因为它内部的?一个图层
● 在创建UIView对象时,UIView内部会?自动创建?一个图层(即CALayer对象),通过UIView

的layer属性可以访问这个层 @property(nonatomic,readonly,retain) CALayer *layer;

● 当UIView需要显?示到屏幕上时,会调?用drawRect:?方法进?行绘图,并且会将所有内容绘制在 ?自?己的图层上,绘图完毕后,系统会将图层拷贝到屏幕上,于是就完成了UIView的显?示

● 换句话说,UIView本?身不具备显?示的功能,是它内部的层才有显?示功能 

CALayer的基本使?用 

● 通过操作CALayer对象,可以很?方便地调整UIView的?一些外观属性,?比如: ? 阴影
? 圆?角?大?小
? 边框宽度和颜?色

?......
● 还可以给图层添加动画,来实现?一些?比较炫酷的效果 

CALayer的属性 

● 宽度和?高度
@property CGRect bounds;

● 位置(默认指中点,具体由anchorPoint决定)

@property CGPoint position;

● 锚点(x,y的范围都是0-1),决定了position的含义

@property CGPoint anchorPoint;

● 背景颜?色(CGColorRef类型)
@property CGColorRef backgroundColor;

● 形变属性
@property CATransform3D transform; 

● 边框颜?色(CGColorRef类型)
@property CGColorRef borderColor;

● 边框宽度
@property CGFloat borderWidth;

● 圆?角半径
@property GCFloat cornerRadius;

● 内容(?比如设置为图?片CGImageRef)

@property(retain) id contents; 

关于CALayer细节 

● ?首先

• ?  CALayer是定义在QuartzCore框架中的

• ?  CGImageRef、CGColorRef两种数据类型是定义在CoreGraphics框架中的

• ?  UIColor、UIImage是定义在UIKit框架中的

  ● 其次

• ?  QuartzCore框架和CoreGraphics框架是可以跨平台使?用的,在iOS和Mac OS X上都能使?用

• ?  但是UIKit只能在iOS中使?用

  ● 为了保证可移植性,QuartzCore不能使?用UIImage、UIColor,只能使 ?用CGImageRef、CGColorRef 

UIView和CALayer的选择 

● 通过CALayer,就能做出跟UIImageView?一样的界?面效果
● 既然CALayer和UIView都能实现相同的显?示效果,那究竟该选择谁好呢?

? 其实,对?比CALayer,UIView多了?一个事件处理的功能。也就是说,CALayer不能 处理?用户的触摸事件,?而UIView可以

? 所以,如果显?示出来的东西需要跟?用户进?行交互的话,?用UIView;如果不需要跟?用户 进?行交互,?用UIView或者CALayer都可以

? 当然,CALayer的性能会?高?一些,因为它少了事件处理的功能,更加轻量级 

position和anchorPoint 

● CALayer有2个?非常重要的属性:position和anchorPoint

● @propertyCGPointposition; ? ?用来设置CALayer在?父层中的位置
? 以?父层的左上?角为原点(0,0)

● @propertyCGPointanchorPoint; ? 称为“定位点”、“锚点”

? 决定着CALayer?身上的哪个点会在position属性所指的位置 ? 以?自?己的左上?角为原点(0, 0)
? 它的x、y取值范围都是0~1,默认值为(0.5,0.5) 

anchorPoint 

position和anchorPoint 

选择

隐式动画 

● 每?一个UIView内部都默认关联着?一个CALayer,我们可?用称这个Layer为Root Layer(根 层)

● 所有的?非Root Layer,也就是?手动创建的CALayer对象,都存在着隐式动画

● 什么是隐式动画?

? ?

●

? ? ?

当对?非Root Layer的部分属性进?行修改时,默认会?自动产?生?一些动画效果

?而这些属性称为Animatable Properties(可动画属性)

列举?几个常见的Animatable Properties:

bounds:?用于设置CALayer的宽度和?高度。修改这个属性会产?生缩放动画

backgroundColor:?用于设置CALayer的背景?色。修改这个属性会产?生背景?色的渐变动画

position:?用于设置CALayer的位置。修改这个属性会产?生平移动画 

隐式动画 

● 可以通过动画事务(CATransaction)关闭默认的隐式动画效果

[CATransaction begin];
[CATransaction setDisableActions:YES];

self.myview.layer.position = CGPointMake(10, 10);

[CATransaction commit];