允许用户通过滑动组件来显示额外的操作。
解剖学
执行主要操作
如需执行主要操作,用户可以点按该按钮或继续向左滑动。这样一来,该按钮就会延伸到屏幕的整个宽度并显示标签。该操作在被选中后会淡出。
第一个示例展示了单按钮选项。第二个示例展示了双按钮选项。
撤消操作
对于破坏性操作,请添加“撤消”组件,以便用户撤消这些操作。为主要操作添加撤消功能。
添加后,系统会显示撤消条状标签按钮来代替已提交的操作。不久后,撤消操作会逐渐消失,系统随即会完成已提交的操作。
滑动阈值
用于显示组件行为的滑动操作取决于用户在屏幕上滑动的距离:
- 如果用户在屏幕上滑动的距离不到 50%,该组件会弹回其起始位置,并且不执行任何操作。
- 如果用户在屏幕全宽的 50% 到 75% 之间滑动,该组件会保持部分可见状态,并显示与该组件相关联的操作。
- 如果用户在屏幕上的滑动区域超过 75%,该组件会消失,系统会自动执行主要操作。
相关组件
以下以 Material 为主题的组件可实现滑动以显示行为:
在卡片上
以下屏幕截图显示了使用 SwipeToRevealCard
类时通过滑动以显示组件的外观:
条状标签
以下屏幕截图显示了使用 SwipeToRevealChip
类时通过滑动以显示组件的外观: