跳转到正文

DESIGN

响应与动效

即时按下反馈、可中断弹簧与速度延续,以及减少动态偏好。

先回应,再完成动作

按钮在 pointer-down 给出按下反馈,原生 click、Enter 和 Space 提交动作。手势过程中持续追踪,不等待动画完成才处理输入。

可中断的连续运动

运动从当前可见位置开始,手势释放延续速度。Sheet 的拖动、关闭与复位要保持相同空间方向;新输入可以重抓并改变目标。

组件内部保留 Base UI 的焦点与键盘协议,Motion 负责手势与弹簧。业务不要在动画期间加一层全局输入锁。

克制的反馈

默认快速收敛,只有带动量的操作才需要少量回弹。材料 blur 保持固定,动画主要改变 transform 与 opacity。不要添加全屏持续移动背景。

减少动态

系统请求减少动态时保留静态或轻微反馈。CwaProvider 的 motion 配置与实际系统偏好共同决定行为,界面仍需清楚表达当前状态。

操作 Sheet 示例 →