组件 组标题

组标题

组标题用于描述一组列表或网格列表的内容。

组标题可以和磁帖显示在一起,也可以把内容组织起来。它们通常与筛选或排序标准有关。

组标题会在页面滚动时固定在顶部,直到被下一个组标题挤出。

组标题类型

列表
网格
菜单

字体

14sp Roboto Medium

列表组标题 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

规格

磁帖高度:48dp
组标题字体:14sp Roboto Medium

颜色

组标题的文本颜色可以是灰色(54% black),也可以是应用的主色调。

列表中的内容复杂时,考虑使用有颜色的组标题。Android 的设置页面就是此案例的典范。

灰色组标题

边距:16dp
组标题磁帖高度:48dp

收件箱中的灰色组标题

对齐方式

列表中的组标题应当与头像/图标左对齐,除非有主要操作在那里。

如果有浮动操作按钮和列表中的头像/图标左对齐,那么把组标题和文本内容对齐。

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

组标题磁帖高度:48dp
浮动操作按钮瓦片宽度:72dp

组标题使用应用的主色调,因为有做对齐的 FAB,所以组标题和文本对齐。

网格组标题 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

磁帖高度:48dp
组标题字体:14sp Roboto Medium
组标题的左边距:16dp

网格组标题左边距为 16dp,组标题的磁帖高度为 48dp。

相册中的月份组标题

菜单组标题 展开或收起内容 当内容收起时,箭头向下,当内容展开时,箭头向上。

磁帖高度:48dp
组标题字体:14sp Roboto Medium
组标题的左边距:16dp

Menu 组标题 specs

组标题的左边距:16dp
磁帖高度:48dp

菜单组标题示例