Components are the building blocks for the visual design of the Android Automotive OS (AAOS) interface. Some AAOS components and their customizable properties are implemented in the car UI library, while others are standard AOSP components, or need to be built from scratch following the specs provided here.
This section describes the anatomy, visual specs, and styles for AAOS components.
App bar & header
A dedicated space for important app-related functions
Buttons
Action affordances that communicate their purpose to the user
Control bar
An expandable set of controls associated with a particular view
Dialogs
Cards featuring messages to users about timely or urgent information, sometimes with action options for responding
Grids
Scrollable arrays of images representing content items, with brief text beneath each image
Keypad
Allows users to enter phone numbers in Dialer
List items
Content displayed as lines of text (with optional small images or icons) in a single, scrollable column
Media progress indicator
A visual representation of the duration and elapsed playing time for a media source in a media app
Minimized control bar
A smaller version of the control bar available across multiple views, with minimal controls and metadata
Notification card
Communicate small amounts of timely information from the system or from an app
Subheader
A list tile that identifies a section of content in a grid or list view
Scrollbar
A position indicator and navigational aid for situations where the document is larger than the window in which it's displayed
Tabs
Buttons that always occur in groups and are dependent on each other’s state
Toasts
Informational messages briefly displayed near the bottom of the screen about an action an app has taken or will take