鸿蒙移动应用开发项目式教程课件 项目2-数字云图书馆展示页-任务2-67动画概述

动画概述

动画概述UI中包含开发者与设备进行交互时看到的各种组件（如时间、壁纸等）。属性作为接口，用于控制组件的行为。例如，开发者可通过位置属性调整组件在屏幕上的位置。

属性值的变化通常会引起UI的变化。动画可在UI发生改变时，添加流畅的过渡效果。如果不添加动画，属性将在一瞬间完成变化，在造成突兀感的同时，还容易导致用户失去视觉焦点（失焦），效果如图所示。任务导入知识解析学以致用课堂小结课后拓展1.1动画介绍失焦效果

动画优势

可以利用动画解决上述失焦的问题，使用动画的优势如下。

（1）使界面的过渡自然、流畅。

（2）增强用户从界面获得的反馈感和互动感。

（3）在内容加载等场景中，增加用户的耐心，缓解等待带来的不适感。

（4）引导用户了解和操作设备。

在需要为UI变化添加过渡的场景时，都可以使用动画，如开机、应用启动和退出、下拉进入控制中心等。动画可向用户提供关于其操作的反馈，并有助于让用户始终关注界面。任务导入知识解析学以致用课堂小结课后拓展1.1动画介绍

动画分类

可以通过属性动画、转场动画等方式实现不同的动画效果。

（1）属性动画：是基础的动画类型，按照动画参数逐帧驱动属性值的变化，产生对应的动画效果。

（2）转场动画：为组件出现和消失时添加过渡动画。为了保证动画的一致性，部分接口动画曲线已内置，不支持开发者自定义。

不推荐在应用内使用UIAbility组合所有的界面，UIAbility是一个任务，会在多任务界面独立显示为一张卡片，UIAbility之间的跳转是任务之间的跳转。以在应用内查看大图的典型场景为例，不建议在应用内调用图库的UIAbility去打开图片查看大图，因为这样会导致任务跳转，图库的UIAbility也会被加入多任务界面中。正确的方式是在应用内构建大图组件，通过模态转场去调用大图组件，一个任务内的所有界面都在一个UIAbility内实现。任务导入知识解析学以致用课堂小结课后拓展1.1动画介绍

转场动画概述

转场动画用于为将要出现或消失的组件做动画，而为始终出现的组件做动画应使用属性动画。转场动画可将开发者从繁重的消失节点管理工作中解放出来，如果用属性动画做组件转场动画，开发者需要在动画结束回调函数中删除组件节点。同时，由于动画结束前已经删除的组件节点可能会重新出现，所以还需要在结束回调函数中增加对节点状态的判断。任务导入知识解析学以致用课堂小结课后拓展1.2转场动画介绍

转场动画使用

转场动画包括基础转场和高级模板化转场，共分为以下6类。

（1）出现/消失转场：是新增、消失控件的动画效果，是通用的基础转场效果。

（2）导航转场：是页面的路由转场方式，对应一个界面消失、另外一个界面出现的动画效果，如设置应用一级菜单切换到二级界面。

（3）模态转场：是新的界面覆盖在旧的界面之上的动画，如弹框就是典型的模态转场动画。

（4）共享元素转场：在界面切换时，为相同或者相似的元素做的一种位置和尺寸匹配的过渡动画效果。

（5）页面转场：是页面的路由转场方式，可以通过PageTransitionEnter和PageTransitionExit指定页面进入和退出的动画效果。

（