先确认运动方式

按钮编辑器提供补间动画、时长型弹簧和物理型弹簧。补间动画用固定时长与缓动描述过渡;时长型弹簧使用时长和回弹;物理型弹簧使用刚度、阻尼和质量。

选择模式后,再看这一模式实际使用的参数。配置会保留其他模式的设置,便于切换,但保留的数值不等于当前全部生效。

时长型弹簧:先定节奏,再看回弹

当前按钮默认选择时长型弹簧,时长参数为 420 ms,回弹为 0.25。时长参数控制视觉节奏,不代表动画精确落稳所需的时间。

先保持按压深度与缩放不变,改变时长,观察恢复速度;再保持时长不变,调整回弹,观察是否越过目标值以及怎样收敛。

物理型弹簧:分别观察三个参数

默认配置同时保存刚度 260、阻尼 24、质量 1,但只有切换到物理型弹簧时,这组三项才用于当前过渡。落稳时间由它们共同决定。

参数表示什么怎样比较
stiffness · 刚度弹簧回复力的强弱。固定阻尼与质量,改变刚度,观察响应。
damping · 阻尼运动中的阻尼程度。固定刚度与质量,改变阻尼,观察振荡与收敛。
mass · 质量参与弹簧计算的质量参数。固定刚度与阻尼,改变质量,观察运动节奏。

区分延迟、动画时长与观察倍速

延迟决定什么时候开始。动画参数决定运动如何发生。观察倍速只改变预览的观看速度,不会写入配置。

工具界面里的时长以毫秒显示;Motion 过渡参数里的 duration 和 delay 使用秒。把一份数值带进代码前,先核对它所处的配置层和单位。

用完整的输入过程验收

  1. 按住,再松开

    同时观察按压状态与恢复状态,避免只看一段自动播放。

  2. 在恢复途中再次按下

    检查动画从当前状态转向新目标,是否出现跳回起点或状态卡住。

  3. 换一种输入方式

    使用空格或 Enter 操作,并打开系统的减少动态效果偏好检查状态是否仍清楚。