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

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 |
示例


