DESIGN
响应与动效
即时按下反馈、可中断弹簧与速度延续,以及减少动态偏好。
先回应,再完成动作
按钮在 pointer-down 给出按下反馈,原生 click、Enter 和 Space 提交动作。手势过程中持续追踪,不等待动画完成才处理输入。
可中断的连续运动
运动从当前可见位置开始,手势释放延续速度。Sheet 的拖动、关闭与复位要保持相同空间方向;新输入可以重抓并改变目标。
组件内部保留 Base UI 的焦点与键盘协议,Motion 负责手势与弹簧。业务不要在动画期间加一层全局输入锁。
克制的反馈
默认快速收敛,只有带动量的操作才需要少量回弹。材料 blur 保持固定,动画主要改变 transform 与 opacity。不要添加全屏持续移动背景。
减少动态
系统请求减少动态时保留静态或轻微反馈。CwaProvider 的 motion 配置与实际系统偏好共同决定行为,界面仍需清楚表达当前状态。
操作 Sheet 示例 →