滑动以关闭

滑动以关闭 动画传达了用户导航到上一页时的过渡效果。

滑动以关闭的动画细节类似于 RSB 按键。您的手指控制动画进度,最多可达 50%。

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

实现

SwipeDismissableNavHost 来自 导航库 默认提供滑动以关闭导航手势。

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

设计

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

屏幕边缘

考虑其他可滑动的 UI 元素,例如分页应用视图。当可以滑动以关闭时,预留 20% 的屏幕边缘以触发该动作。

请参阅此 Wear OS 代码库中 Compose Material 的示例,了解内容可水平滚动时边缘滑动的示例。

返回或停留在应用视图的阈值

如果用户已将手指拖过屏幕宽度的 50% 以上,则应用应触发其余的向后滑动动画。如果小于此值,则应用应弹回全应用视图。

如果手势很快,则忽略 50% 的阈值规则并向后滑动。