网格视图显示两列或多列代表内容项的图片，每张图片下方都有简短的文本。如果用户主要依赖图片进行选择，那么此视图效果最佳。
网格可垂直滚动，大小、间距和列数各不相同。网格中的内容也可以分组。
解剖学
网格包含文本和界面控件。由于必须响应这些响应，因此不应被其他元素或屏幕边缘遮挡。
- 网格项
- 主要文本和次要文本
- 网格背景
规格
内容网格（3 列或 4 列）
应用网格（4 列）
顶部网格中经常使用的应用项网格
指示器图标在网格布局中的位置
缩放布局
这些参考布局展示了如何调整网格以适应各种宽度和高度的屏幕。（宽度和高度类别在布局部分定义。）请注意，所有降采样或上采样之前，所有像素值都是渲染的像素。
标准宽度屏幕
宽屏
超宽和超宽屏幕
应用网格在各种高度的屏幕上的垂直间距
样式
Typography（排版）
| 类型样式 | 字体 | 重量 | 大小 (dp) |
|---|---|---|---|
| 正文 1 | Roboto | 正常 | 32 |
| 正文 2 | Roboto | 正常 | 28 |
| 正文 3 | Roboto | 正常 | 24 |
颜色
| 元素 | 颜色（日间模式） | 颜色（夜间模式） |
|---|---|---|
| 主要类型 / 图标 | White | 白色 @ 88% |
| 次要类型 / 图标 | 白色 @ 72% | 白人 60% |
| 分隔线 | 白色 @ 22% | 白色 @ 12% |
| 网格背景 | 黑色 | 黑色 |
| 内容纱罩 | 不适用 | 黑色 @ 22% |
| 渐变截断 | 黑色 @ 0-100%（文字空间 10%） | 黑色 @ 0-100%（文字空间 10%） |
尺寸
| 元素 | 大小 (dp) |
|---|---|
| 应用图标 | 76 |
| 最小应用单元格 | 135 |
| 内容单元格大小下限 | 158 |
Z 轴高度
| 元素 | 颜色 | Y 轴 | 模糊 |
|---|---|---|---|
| 网格图块 | 黑色 @ 22% | 2 | 2 |
示例
