使用原因:提升用户体验,更加流畅丝滑
动效设计场景
1. 特征动效
2. 转场动效 点击 滑动 翻动 夹捏 拖拽
3. 微动效 细微动画
4. 特征动效 插画动效
动画能力选型
系统动画
属性动画
显示动画
转场动画
路径动画
粒子动画
第三方动画
资源加载类
GIF动画
帧动画
第三方库
Lottie
SVG
动画开发实现
视角转换步骤
了解系统能力,包括相关的API
分析UX设计视角
设计动画方案
使用动画能力
调试和优化
例如使用属性动画:.animation
例如加载GIF实现微动效
例如加载Lottie库实现特征动效
合理使用页面间的转场
转场:一个页面切换导另一个页面的过程
转场场景设计
层级转场 页面间的导航和视图层级的改变,一般采用左右位移
通用转场 一种逐渐放大的效果
场景结构
进场元素
出场元素
持续元素
静止元素
转场场景开发
转场能力
UIAbility组件间的交互
页面路由router
组件转场
动画能力
导航转场
模态转场
共享元素转场