先确认运动方式
按钮编辑器提供补间动画、时长型弹簧和物理型弹簧。补间动画用固定时长与缓动描述过渡;时长型弹簧使用时长和回弹;物理型弹簧使用刚度、阻尼和质量。
选择模式后,再看这一模式实际使用的参数。配置会保留其他模式的设置,便于切换,但保留的数值不等于当前全部生效。
时长型弹簧:先定节奏,再看回弹
当前按钮默认选择时长型弹簧,时长参数为 420 ms,回弹为 0.25。时长参数控制视觉节奏,不代表动画精确落稳所需的时间。
先保持按压深度与缩放不变,改变时长,观察恢复速度;再保持时长不变,调整回弹,观察是否越过目标值以及怎样收敛。
物理型弹簧:分别观察三个参数
默认配置同时保存刚度 260、阻尼 24、质量 1,但只有切换到物理型弹簧时,这组三项才用于当前过渡。落稳时间由它们共同决定。
| 参数 | 表示什么 | 怎样比较 |
|---|---|---|
| stiffness · 刚度 | 弹簧回复力的强弱。 | 固定阻尼与质量,改变刚度,观察响应。 |
| damping · 阻尼 | 运动中的阻尼程度。 | 固定刚度与质量,改变阻尼,观察振荡与收敛。 |
| mass · 质量 | 参与弹簧计算的质量参数。 | 固定刚度与阻尼,改变质量,观察运动节奏。 |
区分延迟、动画时长与观察倍速
延迟决定什么时候开始。动画参数决定运动如何发生。观察倍速只改变预览的观看速度,不会写入配置。
工具界面里的时长以毫秒显示;Motion 过渡参数里的 duration 和 delay 使用秒。把一份数值带进代码前,先核对它所处的配置层和单位。
用完整的输入过程验收
按住,再松开
同时观察按压状态与恢复状态,避免只看一段自动播放。
在恢复途中再次按下
检查动画从当前状态转向新目标,是否出现跳回起点或状态卡住。
换一种输入方式
使用空格或 Enter 操作,并打开系统的减少动态效果偏好检查状态是否仍清楚。