网格模板

网格以网格布局的形式显示各个项。

当用户主要依靠图片进行选择时,此模板非常有用。

此模板可嵌入到 Tab 模板中,以提供标签页式导航。

包含

  • 标题,带有可选的操作栏(当此模板嵌入到 Tab 模板中时,操作栏便会替换为标签页)
  • 网格项(请参阅下文的备注),每个网格项都包含一个图标或一张大尺寸图片
  • 每个网格项的主要文本(必填)
  • 为每个网格项提供的辅助文本(可选)
  • 可选的悬浮操作按钮
网格模板的线框图

网格模板示例

以下 Android Auto 和 Android Automotive OS (AAOS) 示例是使用 Grid 模板构建的。

显示位置的示例
显示设置的示例

某些项具有辅助文本的网格(Android Auto 示例)

网格中某项内容的图标暂时替换为加载旋转图标,另一项的主要文本因长度超出可用空间而被截断(AAOS 示例)

网格模板用户体验要求

应用开发者:

应当 限制主要和辅助文本字符串的长度以避免截断。
应当 为每个网格项关联一个操作(不建议仅包含信息的项)。
应当 通过图片、图标或文本的变体清晰地指示项目状态(对于具有多种状态的网格项,例如选中和未选中)。
不应 同时添加操作栏悬浮操作按钮
可以 当与网格项相关联的操作正在进行时,显示加载旋转图标,而不是网格项的图标或图片。