动画类的继承关系
如下图所示:
说明:
- CAAnimation:所有动画类的基类
- CATransition:CAAnimation的子类,使用系统预置的过度效果。
- CAAnimationGroup:将单个动画进行组合。
- CAPropertyAnimation:CAAnimation的子类,代表属性动画。
- CABasicAnimation:只能指定动画开始和结束属性。
- CAKeyframeAnimation:可以指定多个值。
动画属性
1. 位置和大小(Position and size)
- bounds:修改在整个界面中布局的动画
- position:修改在父layer中位置的动画
- transform:修改它的移动、伸缩、旋转的layer的动画
2. 边界(Border)
- borderColor:修改边框颜色
- borderWidth:修改边界宽度
- cornerRadius:修改圆角半径
3. 阴影(Shadow)
- shadowOffset:修改此项以使阴影显示为更接近或更远离图层。
- shadowOpacity:修改此项以使阴影淡入或淡出。
- shadowPath:修改此项可更改图层阴影的形状。
- shadowRadius:修改此项以控制阴影的模糊
4. 内容(Contents)
- contents:修改此选项以将原始TIFF或PNG数据分配为图层内容。
- mask:修改它以建立您将用于掩盖图层可见内容的形状或图像
- opacity:修改此选项以动画显示图层内容的透明度。
5. 创建层动画实例
let flyRight = CABasicAnimation(keyPath: "position.x") // 初始化并设置调整属性
flyRight.fromValue = -view.bounds.size.width / 2 // 设置初始动画状态
flyRight.toValue = view.bounds.size.width / 2 // 设置结束动画状态
flyRight.duration = 0.5 // 设置动画的间隔时间
6. 给layer添加动画
heading.layer.add(flyRight, forKey: nil)
7. 动画实例复用
flyRight.beginTime = CACurrentMediaTime() + 0.3 // 修改动画开始时间,比heading迟0.3秒
username.layer.add(flyRight, forKey: nil)
8. fillMode属性
-
kCAFillModeRemoved:默认值
-
kCAFillModeBackwards:在动画未开始时就显示动画第一帧效果
kCAFillModeForwards:在动画结束后保留动画最后一帧的效果
- kCAFillModeBoth:组合kCAFillModeBackwards和kCAFillModeForwards效果,在动画开始前显示动画第一帧效果,结束后保留动画最后一帧的效果
9. 动画原理
- 动画开始时刻:先隐藏真实的视图,然后创建视图“幻影”
- 动画过程:按照设定的要求操作生成的视图“幻影”
- 动画结束时刻:移除视图“幻影”,显示真实的视图
注意:视图“幻影”不接受任何操作事件,例如:单击、选中等等。