滑动即可关闭

滑动关闭动画用于表现在用户转到上一页时的过渡。

滑动关闭的动画详情与 RSB 按下类似。手指最多可控制 50% 的动画进度。

应用视图上还有一个与关闭手势关联的动画。应用视图上显示的移动量与手指需要移动的距离并不完全相同。应用视图绝不应离开屏幕边缘,显示带有一些阻力的类似挤压的效果。

实现

导航库中的 SwipeDismissableNavHost 默认提供滑动关闭导航手势。

如果您不使用导航库,则仍然可以通过直接使用 BasicSwipeToDismissBox 来支持此全屏导航手势。

设计

在设计滑动关闭操作时,请牢记以下两条原则:

屏幕边缘

应考虑到可滑动的其他界面元素,例如分页的应用视图。如果可以滑动关闭,请预留 20% 的屏幕边缘,用于触发该动作。

如需查看内容可水平滚动时的边缘滑动示例,请参阅 Compose Material for Wear OS 代码库中的此示例

决定是返回还是留在应用视图的阈值

如果用户手指拖动超过屏幕宽度的 50%,应用应触发剩余的滑动返回动画。如果不到此阈值,应用应迅速恢复完整的应用视图。

如果手势速度很快,请忽略 50% 阈值规则并滑动返回。