鸿蒙UI开辟——使用动画曲线
https://i-blog.csdnimg.cn/direct/27fe6a27e7ed43fc875f1f2446ac9047.webp1、前 言
动画曲线是属性关于时间的变化函数,决定属性变化时产生动画的活动轨迹。某一时候下动画曲线的斜率代表动画的速率,对应属性变化的快慢。
一条良好的动画曲线具备连续光滑、符合用户意图、符合物理世界客观规律的特点。我们可联合用户的使用场景和意图,为动效选取符合的动画曲线。
根据动画曲线是否符合物理世界客观规律,可将其分为物理曲线(ArkUI当前提供了多种物理弹簧曲线)和传统曲线两种类型。相比于传统曲线,物理曲线产生的活动轨迹更加符合用户认知,有助于创造自然生动的动画效果,建议优先使用物理曲线。
2、阻尼弹簧曲线(物理曲线)
阻尼弹簧曲线(简称弹簧曲线)对应的阻尼弹簧系统中,偏离平衡位置的物体一方面受到弹簧形变产生的反向作用力,被迫发生振动。另一方面,阻尼的存在为物体振动提供阻力。除阻尼为0的特殊情况,物体在振动过程中振幅不停减小,且最终趋于0,其轨迹对应的动画曲线自然连续。
接纳弹簧曲线的动画在达尽头时动画速率为0,不会产生动画“戛然而止”的观感,以避免影响用户体验。
【之前的文章中,我们有简朴弹簧曲线动画的根本使用,详见
页:
[1]