Die Tab-Vorlage fungiert als Container für die anderen unten aufgeführten Vorlagen und stellt oben Tabs bereit (wie unter Aufbau der Tab-Vorlage gezeigt).
Über die Tabs können Sie zwischen verschiedenen Ansichten wechseln. Diese Funktion ist besonders nützlich, um Inhalte oder Ansichten zu organisieren, die Nutzende durchsuchen oder suchen möchten.
Umfasst:
- Tableiste mit App-Symbol und bis zu 4 Tabs (keine Schaltfläche „Zurück“)
- Eingebettete Vorlage mit einem der folgenden Typen:
Jede Tab-Ansicht entspricht einer eingebetteten Vorlage und es kann jeweils nur eine Tab-Ansicht aktiv sein.
![Wireframes der Tab-Vorlage](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template.png?authuser=8&hl=de)
Aufbau der Tab-Vorlage
![Wireframes der Tab-Vorlage, einschließlich aller möglichen eingebetteten Vorlagen](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tab-template-fig-1.png?authuser=8&hl=de)
Die Vorlage für den Tab besteht aus den folgenden Elementen:
- Tableiste, die bis zu vier Tabs anzeigen kann
- Eingebettete Vorlage mit einer der folgenden Vorlagen: Liste, Raster, Suche, Fenster, Nachricht oder Navigation
Beispiele für Tab-Vorlagen
![Tabvorlage mit eingebetteter Listenvorlage](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_1.png?authuser=8&hl=de)
![Tabvorlage mit eingebetteter Rastervorlage](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/tabs_template_2.png?authuser=8&hl=de)
UX-Anforderungen an Tab-Vorlage
App-Entwickler:
MÜSSEN | Stellen Sie monochromatische Vektorsymbole für jeden Tab bereit. |
MÜSSEN | Fügen Sie mindestens zwei und höchstens vier Tabs in die Kopfzeile der App ein. |
DÜRFEN NICHT | Zulassen, dass mehr als ein Tab gleichzeitig aktiv ist. |
DÜRFEN NICHT | Erstellen Sie eine zweite Navigation, indem Sie eine zweite Ebene mit Tabs hinzufügen. |
SOLLTEN | Verwenden Sie kurze Tablabels, damit sie nicht abgeschnitten werden. |
DARF NICHT | Nutzen Sie Überschriften oder Aktionsleisten in eingebetteten Vorlagen. |