动画约束之层动画(一)
来源:互联网 发布:背单词软件 编辑:程序博客网 时间: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:每帧所用的时间
- 动画约束之层动画(一)
- 动画之约束动画
- 约束动画
- Android之动画(一)
- Android动画之属性动画(Property Animation)(一)
- android学习之动画(一)旋转动画demo
- android 动画之 属性动画propertyAnimator(一)
- Android自助餐之动画(一)帧动画
- 入门动画篇之UIview动画(一)
- iOS 动画讲解(一)之UIView动画
- iOS 动画讲解(一)之核心动画
- 动画之补间动画详细总结(一)
- 动画层
- 动画层
- 动画之基础动画(view动画)
- Android动画之帧动画(一)
- Android动画学习之View动画一
- Android 动画之属性动画(一)
- Linux Namespaces
- 遗传算法及模拟退火算法
- (面试题)Java中的内存泄露
- 为什么会有session 和 cookie ,以及两者的区别
- 后台项目中用javaScript实现显示动态时间。。。
- 动画约束之层动画(一)
- java获取指定位数的随机数和字母
- Linux内核两种编译方式
- 树的子结构
- 面试题记录第二节——(Binder)
- 剑指offer 24 二叉搜索树的后序遍历序列
- vue项目中添加百度地图功能及解决遇到的问题详解
- YTU OJ 2775: 字母的争论
- LEMP