滑动即可显示
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
允许用户通过滑动组件来显示额外的操作。
借助滑动显示组件,您可以向条状标签和卡片添加额外的操作,特别是当它们显示在列表中时。该组件可让用户快速完成任务,而无需离开屏幕。
用户可以向左部分滑动条状标签和卡片来访问这些操作,然后点按相应操作来完成操作。用户还可以向左滑动条状标签和卡片,以快速执行主要操作。
该组件有 2 个用于执行这些操作的槽位:
- 主要
- 次要(可选)
解剖学
显示的操作
开发者可以根据自己的独特用例自定义操作。请考虑在这些操作中使用的颜色和图标,以帮助用户理解它们的含义。
对于所有语言语言区域,显示的操作都会在同一侧面显示。
- 主要操作
- 次要操作(可选)
执行主要操作
如需执行主要操作,用户可以点按该按钮或继续向左滑动。这样一来,该按钮就会延伸到屏幕的整个宽度并显示标签。该操作在被选中后会淡出。
第一个示例展示了单按钮选项。第二个示例展示了双按钮选项。
撤消操作
对于破坏性操作,请添加“撤消”组件,以便用户撤消这些操作。为主要操作添加撤消功能。
添加后,系统会显示撤消条状标签按钮来代替已提交的操作。不久后,撤消操作会逐渐消失,系统随即会完成已提交的操作。
滑动阈值
用于显示组件行为的滑动操作取决于用户在屏幕上滑动的距离:
- 如果用户在屏幕上滑动的距离不到 50%,该组件会弹回其起始位置,并且不执行任何操作。
- 如果用户在屏幕全宽的 50% 到 75% 之间滑动,该组件会保持部分可见状态,并显示与该组件相关联的操作。
- 如果用户在屏幕上的滑动区域超过 75%,该组件会消失,系统会自动执行主要操作。
以下以 Material 为主题的组件可实现滑动以显示行为:
在卡片上
以下屏幕截图显示了使用 SwipeToRevealCard
类时通过滑动以显示组件的外观:
条状标签
以下屏幕截图显示了使用 SwipeToRevealChip
类时通过滑动以显示组件的外观:
本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2023-12-02。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2023-12-02。"],[],[]]