反馈与交互 · 点一下的回应
滑动关闭Swipe to dismiss
- 利落
- 手势优先
- 干脆
横向滑动一个条目把它推走,滑过一定距离或速度够了就直接关闭。
什么时候用它
移动端的通知、邮件、列表项用它;桌面上用户没有这个习惯,要提供按钮兜底。
参数
movement > 40% width or velocity > 0.5px/ms to dismiss · flies out 200ms ease-out
配方
滑动关闭 → 200ms ease-out条件 movement > 40% width or velocity > 0.5px/ms to dismiss滑动关闭 → flies out 200ms ease-out
给 AI 的一句话
让这个列表项可以左右滑动关闭:位移超过自身宽度 40% 或速度大于 0.5px/ms 就飞出关闭,飞出 200ms ease-out,否则弹回原位。