HarmonyOS鸿蒙转场动画概览

HarmonyOS鸿蒙转场动画概览_第1张图片

使用原因:提升用户体验,更加流畅丝滑

动效设计场景
    1. 特征动效
    2. 转场动效 点击 滑动 翻动 夹捏 拖拽
    3. 微动效 细微动画
    4. 特征动效 插画动效

动画能力选型
    系统动画
        属性动画
        显示动画
        转场动画
        路径动画
        粒子动画
    第三方动画
        资源加载类
            GIF动画
            帧动画
        第三方库
            Lottie
            SVG

动画开发实现
    视角转换步骤
        了解系统能力,包括相关的API
        分析UX设计视角
        设计动画方案
        使用动画能力
        调试和优化
    例如使用属性动画:.animation
    例如加载GIF实现微动效
    例如加载Lottie库实现特征动效

合理使用页面间的转场

转场:一个页面切换导另一个页面的过程

HarmonyOS鸿蒙转场动画概览_第2张图片

转场场景设计
    层级转场 页面间的导航和视图层级的改变,一般采用左右位移
    通用转场 一种逐渐放大的效果
    场景结构 
        进场元素
        出场元素
        持续元素
        静止元素


转场场景开发
    转场能力
        UIAbility组件间的交互
        页面路由router
        组件转场
    动画能力
        导航转场
        模态转场
        共享元素转场

你可能感兴趣的:(harmonyos,华为)