标签页

标签页用于整理不同屏幕、数据集和互动中的内容。标签页可用于在不同且相关的信息组视图之间切换。

标签页封面

资源

类型 关联 状态
设计 设计源代码 (Figma) 可用
实施步骤 Jetpack Compose 可用

亮点

  • 标签页可以水平滚动。一个界面可以包含任意数量的标签页。
  • 标签页可以对内容进行分类,以帮助用户快速查找不同类型的信息。
  • 标签页会作为同行并排显示,按同等重要性分类。

变体

标签页指示器分为两种:

药丸 标签页下划线
  1. 药丸指示符号
  2. 条形指示器

根据强调效果选择合适的类型。建议使用药丸状指示器标签页来整理整个页面。它们显示主要内容目的地。条形指示器标签页用于在内容区域内进一步分隔相关内容并建立层次结构。

解剖学

标签页剖析

  1. 图标(可选)
  2. 标签
  3. 活动指示器
    1. 药丸
    2. 酒吧
  4. 容器

状态

标签页状态

  1. 默认
  2. 专注
  3. 已选择

规格

标签页剖析

行为

从一个标签页移动到下一个标签页时,下方内容也会根据标签页的移动左右滑动。