[null,null,["最后更新时间 (UTC)：2025-07-25。"],[[["\u003cp\u003eMedia apps use the app bar for top-level navigation, which can include primary navigation tabs, an optional app selector, an app icon, and app controls.\u003c/p\u003e\n"],["\u003cp\u003ePrimary navigation typically uses up to 4 tabs with icons and labels for content views, but car makers can use variants like labels-only, drawers, or no tabs in specific cases.\u003c/p\u003e\n"],["\u003cp\u003eAn optional app selector, if included by the car maker, provides quick access to other media apps and is usually positioned on the right side of the app bar.\u003c/p\u003e\n"],["\u003cp\u003eApp bar positioning, determined by the car maker, must be consistent across the entire infotainment system for a reliable user experience and can be located at the top, bottom, or side of the screen.\u003c/p\u003e\n"]]],[],null,["# Navigating media apps\n\n\u003cbr /\u003e\n\nThis section describes how a media app's top-level app navigation works.\n\nUsers navigate among top-level content views in a media app using the app bar, which can include the following navigational elements:\n\n- Primary navigation tabs (or variants)\n- App selector (optional for OEMs)\n\nThe app bar can also include an app icon and app controls, which are discussed in [App branding](/cars/design/automotive-os/branding/app-branding) and [Sign-in, settings \\& search](/cars/design/automotive-os/apps/media/interaction-model/signin-settings-search).\n\n*** ** * ** ***\n\nPrimary navigation tabs\n-----------------------\n\nPrimary navigation for content views within a media app generally consists of up to 4 tabs in an app bar (unless the screen is extremely small and lacks room to display tabs). These tabs let users move laterally between content views at the top level of the app hierarchy.\n\nWhen a user selects a tab, the destination reflects the user's previous interaction with that view of the content. For example, if a tab's content was previously scrolled during the same media app session, the scroll position will be retained when the user returns to that tab.\nTabs in the app bar allow users to move laterally between content views.\n\n*** ** * ** ***\n\nPrimary navigation variants\n---------------------------\n\nEach primary navigation item is typically represented with tabs that include both an icon and label. Including both reduces the cognitive load for drivers, because icons improve glanceability and labels clarify the meaning.\nThis app bar includes an icon and a label for each tab.\n\nHowever, car makers may use alternate navigation strategies in some situations:\n\n- **Labels only**: If the screen is not tall enough to accommodate a reasonable amount of content as well as tabs that include both icons and labels\n- **Drawer**: If the screen is not wide enough for tabs\n- **No tabs**: If there is only one primary navigation option\n\nIn some special cases, the app bar may include one of these navigation strategies as an alternative to tabs with icons and labels (top to bottom): Tabs with labels only, a drawer instead of tabs, or a single top-level view of content with no tabs.\n\n*** ** * ** ***\n\nApp selector\n------------\n\nThe app selector provides quick access to other media apps. car makers can decide whether to provide an app selector. For example, some car makers may prefer to rely solely on a list of all available apps as the mechanism for switching media apps. \n[App branding\nApp icon placement may or may not involve an app selector](/cars/design/automotive-os/branding/app-branding)\nWhen the app bar is located at the top or bottom of the screen, the app selector is typically positioned on the app bar's right side.\n\nWhen invoked, the app selector provides access to other media apps. When a user selects a different app, that app is displayed.\nTypical apps available from app selector.\n\n*** ** * ** ***\n\nApp bar positioning\n-------------------\n\nCar makers determine the location for the app bar across all Android Automotive OS templates, including the media template. As long as it's always in the same place, the app bar can appear at the top or bottom of the screen or on one side. It's also possible to stack the tabs and app controls within the app bar.\n\nTo minimize cognitive load and ensure a reliable user experience, the app bar and its affordances must always appear in the same location across the entire infotainment system."]]
