组件 副标题

副标题

副标题是用于描述列表或网格列表中的一部分的列表瓦片。

副标题可以显示在瓦片中或者与内容相关联。它们通常与过滤或排序标准有关。

滚动时,子标题固定在屏幕顶部,直到被下一个子标题推离屏幕。

副标题类型

列表
网格
菜单

字体

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 中的菜单副标题示例