标签页

标签页是始终成组的按钮,并且这些按钮取决于彼此的状态:在任意给定时间,只能有一个标签页处于活跃状态。


解剖学

1. “活动”标签页图标
2. 未启用的标签页图标
3. “活动”标签页标签
4. 非活动标签页标签

规格

嵌套在应用栏中的标签页 - 左对齐

嵌套在应用栏中的标签页 - 灵活对齐

采用灵活的对齐方式时,标签页配置会拉伸或压缩以适应可用空间。

标签页在应用栏中收起 - 抽屉式导航栏菜单

独立标签页栏 - 左对齐

独立标签页栏 - 灵活对齐

采用灵活的对齐方式时,标签页配置会拉伸或压缩以适应可用空间。

标签页标签字符串溢出


缩放布局

这些参考布局展示了如何调整标签页以适应各种宽度和高度的屏幕。(宽度和高度类别在布局部分定义。)请注意,所有降采样或上采样之前,所有像素值都是渲染的像素。

标准屏幕与较宽屏幕的短高度

标准高度括号中的标准屏幕与宽屏幕

标准屏幕与宽屏幕的高架

所有高度括号内的超宽和超宽屏幕


样式

Typography(排版)

类型样式 字体 重量 大小 (dp)
身体 3 米 Roboto 24
正文 3 Roboto 正常 24

颜色

元素 颜色(日间模式) 颜色(夜间模式)
主要类型 / 图标 White 白色 @ 88%
次要类型 / 图标 白色 @ 72% 白人 60%
标签页栏背景 黑色 黑色
滚动时的标签页栏背景 黑色 @ 84% 黑色 @ 88%
标签页图标 - 活动状态 White 白色 @ 88%
标签页图标 - 无效状态 白人 @ 56% 白人 50%

尺寸

元素 大小 (dp)
主图标 44
辅助图标 36
图标触摸目标 76

示例

标签页已收起
标签页嵌套在应用栏中
独立标签页栏