组件 子标题

子标题

子标题是用于划分列表或网格列表分区的列表项。

子标题可以显示在条目区域中或者与内容相关联。它们通常与筛选或排序条件相关。

滚动时,子标题固定在屏幕顶部,直到被下一个子标题顶替移出视口。

子标题类型

列表
网格
菜单

字体

Roboto Medium 14sp

Material Design 中的子标题用于划分列表或网格列表分区

列表子标题 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

规格

条目区域高度:48dp
子标题字体:Roboto Medium 14sp

颜色

子标题的颜色可以是灰色文本值(54% 黑色)或者应用的主色。

在含复杂信息的长列表中,考虑使用彩色子标题来划分内容。Android 的设置功能包含了一个使用彩色子标题的示例。

Material Design 风格的灰色子标题

灰色子标题

内边距:16dp
子标题条目区域高度:48dp

Material Design 的灰色邮件收件箱子标题

邮件收件箱中的灰色子标题

对齐方式

在列表中,子标题应该与头像/图标左对齐,除非在该空间中有更重要的操作。

若浮动操作按钮与列表中的头像/图标左对齐,则将子标题与文本内容对齐。

Material Design 中的子标题和文本内容左对齐

含有左对齐的浮动操作按钮时,子标题与文本内容对齐。

子标题条目区域高度:48dp
浮动操作按钮条目区域宽度:72dp

Material Design 中的主色与左对齐文本相结合

这个子标题使用应用的主色,并且与文本对齐,因为它有一个左对齐的浮动操作按钮。

网格子标题 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

条目区域高度:48dp
子标题字体:Roboto Medium 14sp
子标题距离左边缘 16dp

Material Design 中的子标题与左边缘有 16dp 间距

这个子标题距离左边缘 16dp。网格子标题条目区域的高度是 48dp。

Material Design 中的月份网格子标题

用于表示相册月份的网格子标题

菜单子标题 Expand and collapse content An arrow that points down when collapsed and points up when expanded.

条目区域高度:48dp
子标题字体:Roboto Medium 14sp
子标题距离左边缘 16dp

Material Design 中的菜单子标题规格
Material Design 中的菜单子标题示例