标签页模板充当下面列出的其他模板的容器,并在顶部提供标签页(如标签页模板详解中所示)。
通过标签页,可以在视图之间切换。此功能对于组织用户想要浏览或搜索的内容或视图特别有用。
包含:
每个标签页视图都对应一个嵌入式模板,并且在任何给定时间只能有一个标签页视图处于活动状态。
![标签页模板的线框图](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template.png?authuser=5&hl=fi)
Tab 模板详解
![标签页模板的线框图,包括所有可能的嵌入式模板](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template-fig-1.png?authuser=5&hl=fi)
Tab 模板包含以下元素:
- 标签页栏:最多可显示 4 个标签页
- 嵌入式模板,使用以下模板之一:列表、网格、搜索、窗格、消息或导航
标签页模板示例
![包含嵌入式列表模板的标签页模板](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_1.png?authuser=5&hl=fi)
![包含嵌入式网格模板的标签页模板](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_2.png?authuser=5&hl=fi)
标签页模板用户体验要求
应用开发者:
必需 | 为每个标签页提供单色矢量图标。 |
必需 | 在应用标题中包含至少 2 个但不超过 4 个标签页。 |
不得 | 允许同时打开多个标签页。 |
不得 | 通过添加第二级标签页来创建辅助导航。 |
应当 | 使用简短的标签页标签可避免内容截断。 |
不应 | 采用嵌入式模板中的标题或操作栏。 |