Google berkomitmen untuk mendorong terwujudnya keadilan ras bagi komunitas Kulit Hitam. Lihat caranya.

Menyesuaikan Media

Media termasuk dalam rangkaian aplikasi sistem (misalnya, Dialer dan Peluncur Aplikasi). Aplikasi ini berbagi gaya dan aset umum yang ditentukan pada level berbeda dalam struktur AOSP.

  • framework/base. Semua gaya dasar Android didefinisikan di sini.

  • packages/services/Car/car_product/overlay. Berisi overlay waktu build yang memodifikasi kerangka kerja/sumber daya dasar standar untuk menghasilkan tampilan dan nuansa AOSP Android Automotive OS. OEM dapat memilih untuk mengecualikan overlay ini dan menggunakan overlay mereka sendiri.

  • packages/apps/Car/libs/car-ui-lib. Pustaka ini mendefinisikan komponen dan sumber daya AAOS yang umum untuk aplikasi sistem dan aplikasi yang tidak dibundel yang dirancang untuk penyesuaian. Untuk lebih jelasnya, lihat Mobil Perpustakaan UI Panduan Integrasi .

  • packages/apps/Car/libs/car_app_common . Warna dan gaya umum yang digunakan bersama di antara aplikasi sistem Otomotif. OEM bisa menggunakan lapisan untuk menyesuaikan elemen-elemen ini (mirip dengan car_product/overlay yang dijelaskan di atas).

  • packages/apps/Car/libs/car_media_common . Berisi elemen yang dibagikan antara Media dan UI media lainnya (misalnya, widget Media layar Utama).

  • packages/apps/Car/Media . Semua aplikasi sistem menggunakan tema mereka sendiri, yang memanjang dari Theme.CarUi (didefinisikan dalam car-ui-lib ).

Android Automotive AOSP menyediakan dua media presentasi.

  • UI media. Memungkinkan pengguna untuk masuk, menelusuri konten, dan menggunakan kontrol pemutaran mendetail.
  • Widget media layar beranda. Mengaktifkan penggunaan fitur kontrol pemutaran media inti ke layar Utama.

Antarmuka pengguna media

Gambar ini menjelaskan struktur UI Media:

Antarmuka Media

User interface Gambar 1. Media

Untuk rincian tentang pedoman UX dan UI serta tata ruang dari komponen-komponen yang berbeda dari Media, lihat Model spasial .

AppBarView: Bilah Alat

Toolbar UI Media adalah komponen yang digunakan bersama dengan aplikasi sistem lain, seperti Dialer dan Radio. Untuk penjelasan pada kustomisasi, lihat Mobil Perpustakaan UI Panduan Integrasi .

Ukuran karya seni maksimum media

Untuk memberitahukan aplikasi media ukuran maksimum karya seni untuk menjemput, Anda dapat overlay media_items_bitmap_max_size_px di sistem anda. Untuk melakukannya, mengirim EXTRA_MEDIA_ART_SIZE_HINT_PIXELS sebagai petunjuk root. Hasilnya, Anda akan menghemat bandwidth saat mengunduh gambar. Untuk mempelajari lebih lanjut, lihat MediaConstants pada developer.android.com.

Jelajahi fragmen

Telusuri terutama terdiri dari Mobil UI RecyclerView (yang menangani scrollbar posisi, panah, dan margin) dan barang-barang browse dari berbagai jenis, seperti header, item grid, item ikon grid, daftar item, dan ikon daftar item.

Kontrol pemutaran yang diminimalkan

Ketika fragmen browse sedang ditampilkan, dan ketika media item dipilih, diminimalkan kontrol pemutaran pandangan ditampilkan. Gambar berikut mengilustrasikan struktur tampilan ini:

Kontrol pemutaran yang diminimalkan

Kontrol pemutaran Gambar 2. Memperkecil

Jelajahi daftar

Pengembang dapat menggunakan satu set gaya sedikit (lihat Terapkan Styles Konten ) untuk menyesuaikan penyajian media konten browse. OEM harus mematuhi gaya ini, menyesuaikan presentasi dengan sistem desain mereka.

Jenis item yang didukung dan tata letak masing-masing terletak sebagai berikut:

Layar pemutaran

Untuk menampilkan layar ini, perluas kontrol pemutaran yang diperkecil:

  • Sedang memutar media item media (termasuk judul dan subjudul).
  • Kontrol pemutaran lengkap.
  • Antrian pemutaran (digunakan untuk menampilkan item yang baru saja diputar atau item berikutnya yang akan diputar).

Komponen layar Pemutaran diidentifikasi dalam gambar di bawah ini.

Layar pemutaran

Layar Gambar 3. Putar

Layar pemutaran tidak berbagi bilah alat dengan aplikasi lainnya. Sebagai gantinya, elemen di bagian atas layar dikelola secara individual oleh layar ini.

Kontrol pemutaran

Layar pemutaran mencakup set diperpanjang kontrol pemutaran, disusun dalam baris kontrol. Sekunder baris (ditampilkan di bawah sebagai baris di atas) hanya ditampilkan jika ruang pada baris pertama tidak cukup untuk menampilkan semua tindakan yang dikembalikan oleh aplikasi media dari PlaybackStateCompat#getActions() .

Kontrol pemutaran

Gambar 4. Kontrol playback.

OEM dapat menyesuaikan ikon tindakan standar, tetapi mereka harus menampilkan ikon tindakan khusus seperti yang disediakan oleh aplikasi media.

Widget media layar beranda

Widget ini diimplementasikan sebagai fragmen di car-media-common . Fragmen ini mencakup versi yang diperkecil dari Layar Pemutaran yang dijelaskan di atas. Semua aturan dan kemampuan penyesuaian yang sama berlaku.

Widget media layar beranda

Gambar 5. Media asal layar widget

Tombol App Pemilih dislayed atas penggunaan fungsi saklar yang dijelaskan dalam Media Sumber Switching Pengguna Arus .

Untuk menggunakan arus ikon Media Sumber untuk tombol App Selector, overlay use_media_source_logo_for_app_selector bendera didefinisikan dalam platform/packages/apps/Car/libs/car-media-common/res/values/bools.xml dan mengaturnya untuk true . Dengan perubahan ini, ikon Sumber Media di sisi berlawanan dari bilah alat aplikasi akan disembunyikan. Penyesuaian juga berlaku untuk aplikasi Media Center dan aplikasi Radio referensi.

Tombol Pemilihan Aplikasi Media

Tombol Gambar 6. Media App Seleksi

Tata letak tombol Putar, Jeda, dan Berhenti

Tata letak tombol Putar/Jeda/Berhenti dapat disesuaikan untuk "Sekarang diputar" dan tampilan kontrol pemutaran yang diperkecil. Kedua layout didefinisikan dalam packages/apps/Car/libs/car-media-common/res/layout/ .

Untuk menyesuaikan tombol layout, menerapkan lapisan build-waktu untuk play_pause_stop_button_layout.xml dan minimized_play_pause_stop_button_layout.xml .

Sorot item saat ini dalam antrian putar

Keadaan item antrean putar saat ini diatur untuk selected , sehingga dapat disesuaikan dengan menggunakan sumber daya negara seperti daftar negara warna (lihat Warna daftar negara sumber daya ) dan daftar negara digambar (lihat sumber Drawable ). Untuk menerapkan perubahan styling yang diperlukan, Anda dapat mengganti tata letak item antrian ( paket / apps / Mobil / Media / res / layout / queue_list_item.xml ).

Anda juga dapat menampilkan ikon di sebelah item antrian putar saat ini:

Gambar 7. Disorot item saat ini di antrean putar