Komponen adalah elemen penyusun untuk desain visual antarmuka Android Automotive OS (AAOS). Beberapa komponen AAOS dan propertinya yang dapat disesuaikan diimplementasikan di library UI mobil, sementara yang lain merupakan komponen AOSP standar, atau harus dibuat dari awal mengikuti spesifikasi yang disediakan di sini.
Bagian ini menjelaskan anatomi, spesifikasi visual, dan gaya untuk komponen AAOS.
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-1.png?authuser=19&hl=id)
Panel & header aplikasi
Ruang khusus untuk fungsi penting terkait aplikasi
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-2.png?authuser=19&hl=id)
Tombol
Keterampilan tindakan yang mengomunikasikan tujuan mereka kepada pengguna
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-3.png?authuser=19&hl=id)
Panel kontrol
Kumpulan kontrol yang dapat diperluas yang terkait dengan tampilan tertentu
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-4.png?authuser=19&hl=id)
Dialog
Kartu yang menampilkan pesan kepada pengguna tentang informasi yang aktual atau mendesak, terkadang dengan opsi tindakan untuk merespons
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-5.png?authuser=19&hl=id)
Petak
Array gambar yang dapat di-scroll yang mewakili item konten, dengan teks singkat di bawah setiap gambar
![](https://developers.google.cn/cars/design/automotive-os/components/images/keypad-ov.png?authuser=19&hl=id)
Keypad
Memungkinkan pengguna memasukkan nomor telepon di Telepon
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-6.png?authuser=19&hl=id)
Item daftar
Konten yang ditampilkan sebagai baris teks (dengan ikon atau gambar kecil opsional) dalam satu kolom yang dapat di-scroll
![](https://developers.google.cn/cars/design/automotive-os/components/images/Comp-Ov-Pi.png?authuser=19&hl=id)
Indikator progres media
Representasi visual durasi dan waktu pemutaran yang telah berlalu untuk sumber media di aplikasi media
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-7.png?authuser=19&hl=id)
Panel kontrol yang diperkecil
Versi panel kontrol yang lebih kecil tersedia di beberapa tampilan, dengan kontrol dan metadata minimal
![](https://developers.google.cn/cars/design/automotive-os/components/images/noti-card-ov.png?authuser=19&hl=id)
Kartu notifikasi
Menyampaikan sejumlah kecil informasi yang tepat waktu dari sistem atau aplikasi
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-8.png?authuser=19&hl=id)
Subheader
Kartu daftar yang mengidentifikasi bagian konten dalam tampilan petak atau daftar
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-10.png?authuser=19&hl=id)
Scrollbar
Indikator posisi dan bantuan navigasi untuk situasi ketika dokumen lebih besar dari jendela tempat dokumen ditampilkan
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-9.png?authuser=19&hl=id)
Tab
Tombol yang selalu muncul secara berkelompok dan bergantung pada statusnya satu sama lain
![](https://developers.google.cn/cars/design/automotive-os/components/images/component-toast.png?authuser=19&hl=id)
Toast
Pesan informasi yang ditampilkan secara singkat di dekat bagian bawah layar tentang tindakan yang telah atau akan dilakukan aplikasi