Core Animation整理

整个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的子类

  1. CAEmitterLayer

CoreAnimation框架中的CAEmitterLayer是一个粒子发射器系统,负责粒子的创建和发射源属性。通过它,我们可以轻松创建出炫酷的粒子效果。

  1. CAGradientLayer

CAGradientLayer可以创建出色彩渐变的图层效果

  1. CAEAGLLayer

CAEAGLLayer可以通过OpenGL ES来进行界面的绘制。

  1. CAReplicatorLayer

CAReplicatorLayer是一个layer容器,会对其中的subLayer进行复制和属性偏移,通过它,可以创建出类似倒影的效果,也可以进行变换复制.

  1. CAScrollLayer

CAScrollLayer可以支持其上管理的多个子层进行滑动,但是只能通过代码进行管理,不能进行用户点按触发。

  1. CAShapeLayer

CAShapeLayer可以让我们在layer层是直接绘制出自定义的形状。

  1. CATextLayer

CATextLayer可以通过字符串进行文字的绘制。

  1. CATiledLayer

CATiledLayer类似瓦片视图,可以将绘制分区域进行,常用于一张大的图片的分不分绘制。

  1. 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,用来在动画开始和结束时回调。

你可能感兴趣的:(Core Animation整理)