动画约束之层动画(一)

来源:互联网 发布:背单词软件 编辑:程序博客网 时间:2024/06/09 20:24

动画约束之层动画(一)

该单元介绍层动画的基础部分:

  • View与Layer的区别
  • 层动画的可动画属性
  • 层动画注意点
  • 操作动画
  • 组动画
  • 弹簧动画
  • 关键帧动画

View与Layer的区别

Layer与View不同:
1.Layer是一个模型类,它展示用于显示的属性数据,它没有逻辑实现,它也没有复杂的自动布局的依赖关系,也不处理用户交互
2.它有预先定义的可见特征:这些特征包括内容如何在屏幕上展示,比如边框线条边框颜色,位置和阴影等
3.核心动画会优化layer内容的缓存,并直接使用GPU快速绘制
具体对比来看:
View:
- 复杂的视图,自动布局等
- 用户交互
- 通常有自定义逻辑和自定义绘制代码通过CPU在主线程上执行
- 非常的复杂,功能强大,有很多子类继承它
对于Layer:
- 简单的继承层次结构,更快的解决布局,更快的绘制
- 没有响应者开销(不响应用户交互)
- 一般不会有自定义逻辑,直接通过GPU绘制
- 没有View那么复杂,较少的类继承自它
-
能用View动画就用View动画。需要更多性能,更多灵活性的时候使用layer动画

层动画的可动画属性

Layer中可动画属性:
1.Position and size :
bounds, position , transform

2.Border:
borderColor, borderWidth, cornerRadius
3.Shadow
shadowOffset, shadowOpacity, shadowPath, shadowRadius
4. Contents 
 contents, mask , opacity

viewObject.layer.add()来添加动画

层动画注意点

1.fillMode:在动画之前及动画结束以后,View的显示问题。
2.animation.isRemovedOnCompletion:在层动画结束以后,发现View又返回到原来的地方,可用该属性进行控制:当你动画一个文本框,你实际上看到的并不是该文本框自己在移动。你看到的是展示层的一个缓存版本在移动。当动画结束以后,该展示层被从屏幕上移除,原来的图层将会展示自己。
(animation.isRemovedOnCompletion = false) 这样可以保留该层,但它不能响应用户的手势。

操作动画

可以设置CAAnimation动画实例的代理,从而达到控制动画的目的。它有两个代理方法:

func animationDidStart(_ anim: CAAnimation)func animationDidStop(_ anim: CAAnimation, finished flag: Bool)

可以用KVC给动画添加属性,在代理中根据属性操作动画。比如移除动画,添加其它动画等。

组动画(CAAnimationGroup)

定义一个组动画,将各子动画的公共属性设置为组动画的属性
一个组动画针对一个Layer,可以为该Layer 添加多个子动画

弹簧动画(CASpringAnimation)

重要属性:
damping:阻尼
mass:质量
stiffness: 重力因素
initial velocity :初速度
duration的时间不能自己指定,要使用settlingDuration属性是根据上面的四个属性计算出来的。

关键帧动画(CAKeyframeAnimation)

重要属性:
values:每帧的值
keyTimes:每帧所用的时间

原创粉丝点击