目录

动画概述

UI(用户界面)是用户与设备进行交互的界面,包含各种可视化组件(如按钮、列表等)。属性作为接口,用于控制组件的行为,属性值的变化会引起UI的变化。动画可在UI发生改变时,添加流畅的过渡效果,使属性值从起始状态逐渐变化到终点状态,避免因瞬间变化造成的突兀感,保持用户的视觉焦点。

动画的目的包括:

在需要为UI变化添加过渡的场景,都可以使用动画,如开机、应用启动退出、下拉进入控制中心等。这些动画可向用户提供关于其操作的反馈,并有助于让用户始终关注界面。

ArkUI中提供多种动画接口(属性动画、转场动画等),用于驱动属性值按照设定的动画参数,从起始值逐渐变化到终点值。尽管变化过程中参数值并非绝对的连续,而是具有一定的离散性。但由于人眼会产生视觉暂留,所以最终看到的就是一个“连续”的动画。UI的一次改变称为一个动画帧,对应一次屏幕刷新。决定动画流畅度的一个重要指标就是帧率FPS(Frames Per Second),即每秒的动画帧数,帧率越高则动画就会越流畅。ArkUI中,动画参数包含了如动画时长、动画曲线等参数。动画曲线作为主要因素,决定了属性值变化的规律。以线性动画曲线为例,在动画时长内,属性值将从起点值匀速变化到终点值。属性过快或过慢的变化,都可能带来不好的视觉感受,影响用户体验。因此动画参数特别是动画曲线,需要结合场景和曲线特点进行设计和调整。

动画接口驱动属性值按照动画参数决定的规律,从原来的状态连续过渡到新的状态,进而在UI上产生连续的视觉效果。本文将按照如下结构,提供各种动画的使用方法和注意事项,使开发者快速学习动画。