整个view都是直接构建在Core Animation层之上。每个UIView实例都带有一个CALayer实例,用来管理布局属性,即所有用户可见的部分,都是由CALayer来提供的,而UIView只是封装了CALayer,在它之上添加了响应事件的能力。
CALayer的基本属性
- 宽高
@property CGRect bounds;
- 位置(默认指中点,具体由anchorPoint决定):
@property CGPoint position;
- 锚点(x,y的范围都是0-1),决定了position的含义:
@property CGPoint anchorPoint;
- 背景颜色(CGColorRef类型):
@property CGColorRef backgroundColor;
- 形变属性:
@property CATransform3D transform;
- 圆角:
@property CGFloat cornerRadius;
- 边框宽
@property CGFloat borderWidth;
- 边框颜色
@property CGColorRef borderColor
CALayer坐标系统
在layer中,有以下四种属性:bounds、frame、anchorPoint、position,bounds是用来表示layer内部坐标位置的,frame是相对于父layer的位置,若它为view的第一层layer,那么这个位置是相对于父view的。anchorPoint是用来影响变形动画的一个值,在view的左上角为(0, 0),右下角为(1, 1),默认为(0.5, 0.5),在view的中心。变形动画,比如旋转,会绕着这个点来进行。position是anchorPoint的位置,如果layer不动,anchorPoint的值改变,也会改变position的位置。
CALayer的子类
-
CAEmitterLayer
CoreAnimation框架中的CAEmitterLayer是一个粒子发射器系统,负责粒子的创建和发射源属性。通过它,我们可以轻松创建出炫酷的粒子效果。
-
CAGradientLayer
CAGradientLayer可以创建出色彩渐变的图层效果
-
CAEAGLLayer
CAEAGLLayer可以通过OpenGL ES来进行界面的绘制。
-
CAReplicatorLayer
CAReplicatorLayer是一个layer容器,会对其中的subLayer进行复制和属性偏移,通过它,可以创建出类似倒影的效果,也可以进行变换复制.
-
CAScrollLayer
CAScrollLayer可以支持其上管理的多个子层进行滑动,但是只能通过代码进行管理,不能进行用户点按触发。
-
CAShapeLayer
CAShapeLayer可以让我们在layer层是直接绘制出自定义的形状。
-
CATextLayer
CATextLayer可以通过字符串进行文字的绘制。
-
CATiledLayer
CATiledLayer类似瓦片视图,可以将绘制分区域进行,常用于一张大的图片的分不分绘制。
-
CATransformLayer
CATransformLayer用于构建一些3D效果的图层。
Core Animation定义了许多种不同的layer,上面的每种layer都继承自CALayer类,在view中默认提供的layer即CALayer,可以通过继承UIView并重写layerClass方法来定义不同的layer,当然,也可以通过添加sublayer来在UIView中增加其它种类的layer。
layer动画分为显式动画和隐式动画两种,显式动画通过生成一个CAAnimation类,显式的添加到layer上来实现,隐式动画通过直接给layer的属性赋值来实现,比如:
theLayer.opacity = 0.0;
这就声明了一个隐式动画,默认的动画时长为0.25秒。
显式动画可以定义动画的路径、开始值、结束值、持续时间、重复次数等,生成的实例添加到layer上就开始执行动画。动画在结束后返回layer的原状态,可以在addAnimation之后修改layer的属性来让它保持动画结束的状态,或者变换其他状态。也可以用CAKeyFrameAnimation来实现指定路径的动画.
不同的动画可以组合成一个CAAnimationGroup,可以同时执行,实现复杂的动画,比如在大小改变的同时改变颜色等。CAAnimation也可以设置delegate,用来在动画开始和结束时回调。