网格视图显示两列或多列图片，每列图片代表一个内容项，图片下方配有简短的文字说明。当用户主要依靠图片进行选择时，这种视图最为理想。
网格可以垂直滚动，并且可以调整大小、间距和列数。网格中的内容还可以分组到不同的类别中。
列表项组件
列表提供了一种替代方式来显示需要更多解释性文字的内容。
网格
解剖学
网格包含文本和用户界面控件。由于用户必须对其进行操作，因此它们绝不能被其他元素或屏幕边缘遮挡。
2. 一手和二手文本
3. 网格背景
规格
列表项组件
规格、样式指南等。 内容网格（3 列或 4 列）
应用网格（4 列）
应用网格，顶部显示常用项目
网格布局中的指示器图标位置
缩放布局
这些参考布局展示了如何调整网格以适应不同宽度和高度的屏幕。请注意，所有像素值均为渲染像素值，未进行任何下采样或上采样。
标准宽度屏幕
宽屏
超宽屏和超宽屏
不同高度屏幕上应用网格的垂直间距
款式
排版
| 字体样式 | 字体 | 重量 | 大小（dp） |
|---|---|---|---|
| 正文 1 | 机器人 | 常规的 | 32 |
| 身体 2 | 机器人 | 常规的 | 28 |
| 身体 3 | 机器人 | 常规的 | 24 |
颜色
| 元素 | 颜色（日间模式） | 颜色（夜间模式） |
|---|---|---|
| 主要类型/图标 | 白色的 | 白色 @ 88% |
| 次要类型/图标 | 白色 @ 72% | 白色 @ 60% |
| 分隔线 | 白色 @ 22% | 白色 @ 12% |
| 网格背景 | 黑色的 | 黑色的 |
| 内容筛选 | 不适用 | 黑色 @ 22% |
| 梯度截断 | 黑色，0-100% 占文本空间的 10% | 黑色，0-100% 占文本空间的 10% |
浆纱
| 元素 | 大小（dp） |
|---|---|
| 应用图标 | 76 |
| 最小应用单元格 | 135 |
| 最小内容单元 | 158 |
海拔
| 元素 | 颜色 | Y轴 | 模糊 |
|---|---|---|---|
| 网格瓦片 | 黑色 @ 22% | 2 | 2 |
示例
