鸿蒙UI开辟——使用动画曲线

打印 上一主题 下一主题

主题 1623|帖子 1623|积分 4869

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x

1、前 言

动画曲线是属性关于时间的变化函数,决定属性变化时产生动画的活动轨迹。某一时候下动画曲线的斜率代表动画的速率,对应属性变化的快慢。
一条良好的动画曲线具备连续光滑、符合用户意图、符合物理世界客观规律的特点。我们可联合用户的使用场景和意图,为动效选取符合的动画曲线。
根据动画曲线是否符合物理世界客观规律,可将其分为物理曲线(ArkUI当前提供了多种物理弹簧曲线)和传统曲线两种类型。相比于传统曲线,物理曲线产生的活动轨迹更加符合用户认知,有助于创造自然生动的动画效果,建议优先使用物理曲线。

2、阻尼弹簧曲线(物理曲线)

阻尼弹簧曲线(简称弹簧曲线)对应的阻尼弹簧系统中,偏离平衡位置的物体一方面受到弹簧形变产生的反向作用力,被迫发生振动。另一方面,阻尼的存在为物体振动提供阻力。除阻尼为0的特殊情况,物体在振动过程中振幅不停减小,且最终趋于0,其轨迹对应的动画曲线自然连续。
接纳弹簧曲线的动画在达尽头时动画速率为0,不会产生动画“戛然而止”的观感,以避免影响用户体验。
【之前的文章中,我们有简朴弹簧曲线动画的根本使用,详见
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

涛声依旧在

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表