[null,null,["最后更新时间 (UTC):2025-07-25。"],[[["\u003cp\u003eThe Tab template serves as a container for other templates, organizing content into a tabbed interface.\u003c/p\u003e\n"],["\u003cp\u003eIt supports embedding List, Grid, Search, Pane, Message, or Navigation templates within each tab.\u003c/p\u003e\n"],["\u003cp\u003eApps should utilize 2-4 tabs with monochromatic icons and concise labels for optimal usability.\u003c/p\u003e\n"],["\u003cp\u003eOnly one tab can be active at a time, and embedded templates should avoid using their own headers.\u003c/p\u003e\n"],["\u003cp\u003eTab templates are ideal for creating switchable views for content browsing or searching within an app.\u003c/p\u003e\n"]]],[],null,["# Tab template\n\n\u003cbr /\u003e\n\nThe Tab template acts as a container for other templates listed below, providing\ntabs across the top (as shown in\n[Anatomy of the Tab template](#anatomy)).\n\nThe tabs allow switching among views. This capability is particularly useful for\norganizing content or views that users will want to browse or search. \n**Includes:**\n\n- Tab bar with app icon and up to 4 tabs (no back button)\n- Embedded template, which can be any of the following types:\n - [List](/cars/design/create-apps/apps-for-drivers/templates/list-template)\n - [Grid](/cars/design/create-apps/apps-for-drivers/templates/grid-template)\n - [Search](/cars/design/create-apps/apps-for-drivers/templates/search-template)\n - [Pane](/cars/design/create-apps/apps-for-drivers/templates/pane-template)\n - [Message](/cars/design/create-apps/apps-for-drivers/templates/message-template)\n - [Navigation](/cars/design/create-apps/apps-for-drivers/templates/navigation-template)\n\nEach tab view corresponds to one embedded template, and only one tab view\ncan be active at any given time.\n\n\u003cbr /\u003e\n\n| **Note:** Headers from embedded templates are ignored because the space that would normally be used for the header is used for the tab bar.\n\nAnatomy of the Tab template\n---------------------------\n\nThe Tab template consists of the following elements:\n\n1. **Tab bar**, which can show up to 4 tabs\n2. **Embedded template**, using one of the following templates: List, Grid, Search, Pane, Message, or Navigation\n\nTab template examples\n---------------------\n\nThe \"All devices\" tab view is created using a Tab template that contains a List template (Android Auto example) The \"Home devices\" tab view is created using a Tab template that contains a Grid template (Android Auto example)\n\n\u003cbr /\u003e\n\nTab template UX requirements\n----------------------------\n\n**App developers**:\n\n|----------------|-----------------------------------------------------------------|\n| **MUST** | Provide monochromatic vector icons for each tab. |\n| **MUST** | Include at least 2 and no more than 4 tabs in the app header. |\n| **MUST NOT** | Allow more than 1 tab to be active at a time. |\n| **MUST NOT** | Create a secondary navigation by adding a second level of tabs. |\n| **SHOULD** | Use short tab labels to avoid truncation. |\n| **SHOULD NOT** | Rely on a header or action strip in embedded templates. |"]]