空间模型

媒体应用模板简介介绍了其主要元素、它们提供的基本功能,以及将这些元素组合在一起的架构。

各个元素的工作原理在后面会详细介绍。有关这些部分的指南,请参阅本部分的概览


解剖学

媒体模板包含以下内容:

  • 应用栏 - 包含主应用导航应用控件(针对应用内搜索和设置),并且包含应用图标
  • 可浏览的内容空间 - 以网格视图(如下所示)或列表视图显示内容
  • 播放控件 - 此处显示的最小化控件栏包含基本的媒体元数据和播放控件,并且还提供了对播放控件(包含更多控件)的访问权限
1. 包含主要导航标签页和应用控件的应用栏
2. 可浏览的内容空间
3. 播放控件(在最小化控件栏中显示)

此示例布局仅显示这些元素的一种可能排列方式。例如,汽车制造商可以决定将主要导航和应用控件堆叠在一起,而不是将它们放在一个水平栏中,具体取决于屏幕尺寸。后续部分将详细介绍导航层次结构。


主导航栏

应用栏中的主要导航由显示的标签页组成(在极少数情况下,屏幕太小)。

以下示例展示了典型的标签页排列方式:

用户可在应用栏中选择“首页”和“播放列表”等标签页,以转到媒体内容的这些顶级视图。
在应用栏上选择一个标签页会将当前视图替换为其他顶级应用视图。

应用控件

应用控件(如下例所示)占据了应用栏不用于品牌塑造或主导航的部分。它们提供对当前媒体应用的应用内搜索和设置功能的访问权限。

选择应用控件后,系统会打开一个叠加层。例如,此处显示的“设置”功能会打开一个显示“设置”界面的叠加层。用户关闭叠加层后,会返回到应用内先前所在的位置。

选择应用栏中的“设置”功能会打开一个叠加层,以便用户访问应用设置。
选择应用控件后,它会在可浏览内容的顶部打开一个叠加层,并且应用栏会更改为应用标题。

可浏览的内容空间

在可浏览的内容空间中,用户可以滚动浏览内容,在 z 空间中导航进入各个项,沿着层次结构的连续层级浏览。

由于在多个关卡之间导航会增加驾驶员的认知负担,因此 Google 建议尽量减少信息层级的相对平坦性。

顶层可浏览内容可让用户从网格(如下所示)或列表中进行选择。
从可浏览的内容中选择后,系统会打开下一级别的更多详情。

播放控件

媒体应用中的播放控件可能会以两种形式出现,具体取决于具体情况:

  • 最小化控件栏(可在各种视图中使用)
  • 播放视图(带有完整控制栏的叠加层)

在下面的动画示例中,这两种形式会沿着屏幕底部交替显示。

最小化控件栏

最小化控件栏会悬浮在可浏览内容空间的最高层上,并位于内容上方。它提供了当前播放的内容的相关信息,以及可让用户控制播放的基本功能。

一旦开始播放内容,在用户浏览媒体内容时,最小化控件栏将仍然可用。直到选择新的媒体应用或用户点按最小化的控件栏以显示播放视图为止。

播放视图

完整的控制栏仅在播放视图中可用,也悬浮在内容上方。除了最小化控件栏提供的功能外,完整控制栏还可以为每个媒体应用提供更广泛的控件。

如果为控件选择触摸目标之外的任何位置,最小化控件栏会展开为全屏播放叠加层(播放视图),如下所示。
播放视图叠加层位于可浏览内容空间的顶部,最小化控件栏会被替换为额外的控件。