Menyesuaikan aplikasi referensi

Bagian ini menjelaskan cara menyesuaikan aplikasi referensi Pusat Kontrol dan UI.

Alur pengguna dan antarmuka pengguna

Bagian ini menjelaskan alur pengguna dan cara meluncurkan Pusat Kontrol.

Membuka Pusat Kontrol

Anda dapat meluncurkan Pusat Kontrol melalui Peluncur Aplikasi atau ikon di menu navigasi UI Sistem. Ikon hanya muncul di build yang telah mengaktifkan pengguna yang terlihat di latar belakang (untuk mempelajari lebih lanjut, lihat UserHandleAware).

Anda dapat melihat Pusat Kontrol kapan saja. Pusat Kontrol terdiri dari kombinasi jendela transparan dan latar belakang transparan sehingga dapat muncul di atas aplikasi lain, termasuk video dan media yang sedang diputar. Di Halaman landing aplikasi:

  • Pengaturan layar dan penggunaan layar lokal dan jarak jauh.
  • Layar yang diisi dengan media dan kontrol media.
  • Cara setiap layar menampilkan tampilan mendetail dari kontrol media (dan lainnya).

Susunan layar mewakili tata letak layar di dalam kendaraan. Setiap layar adalah DevicePickerScreen. Untuk menyesuaikan lokasi dan ukuran setiap layar, gunakan overlay resource runtime (RRO). Untuk mempelajari lebih lanjut, lihat Mengubah nilai resource aplikasi saat runtime.

Untuk setiap layar tempat Pusat Kontrol dibuka, layar yang berbeda dengan batas yang disorot terang akan ditampilkan. Ini adalah layar lokal, yaitu tampilan yang sedang digunakan.

Setiap layar lainnya adalah layar jarak jauh untuk merepresentasikan tampilan yang berbeda di dalam mobil yang dapat Anda identifikasi berdasarkan susunan layar di Fragment. Untuk menghitung jumlah total zona penghuni yang dikonfigurasi di kendaraan, gunakan CarOccupantZoneManager#getAllOccupantZones.

Setiap layar menentukan atribut kustom controlcenter:occupantZoneId untuk mengaitkan data dengan zona hunian masing-masing. Saat aplikasi media diputar di layar tertentu, layar yang sesuai akan menampilkan album art media. Tombol Putar (atau Jeda) ditampilkan di bawah layar.

Jika aplikasi media aktif adalah tugas yang terlihat (dibuka di belakang Pusat Kontrol), tombol Bagikan yang terletak di samping tombol Putar akan diaktifkan untuk membuka halaman Pencerminan. Bagikan memungkinkan Anda membagikan tampilan aplikasi media dan paling berguna untuk aplikasi media dengan video.

Elemen layar

Mengetuk layar akan menampilkan tampilan mendetail media yang diputar di layar. Layar ini disebut Layar detail. Tampilan ini menunjukkan metadata media seperti judul, progres pemutaran, dan artis. Tombol ini memberikan kontrol tambahan zona penghuni.

  • Output Audio menampilkan output audio yang memutar media, seperti speaker kabin atau headphone. Output Audio akan membuka dialog untuk mengubah output audio dan volume media.

  • Tampilan Kunci Input mengunci input ke layar. Operasi ini tidak dapat diterapkan ke layar pengemudi.

  • Daya Layar menonaktifkan daya ke layar. Operasi ini tidak dapat diterapkan ke layar pengemudi.

Tampilan Detail menampilkan tombol Bagikan yang dapat diketuk saat media adalah tugas yang terlihat di belakang aplikasi Control Center. Bagikan akan membuka halaman Pencerminan:

Perjalanan pencerminan dan menonton bersama antara Pengirim (atas) dan Penerima (bawah)
Gambar 2. Perjalanan pencerminan Halaman dan menonton bersama antara Pengirim (atas) dan Penerima (bawah).

Memulai sesi menonton bersama

Halaman pencerminan mirip dengan Halaman landing dengan menggunakan RRO.

Untuk menambahkan layar ke tonton bersama, Anda mengetuk layar, lalu mengetuk Selesai.

Tindakan ini akan membuka Mirroring Activity yang menghosting aplikasi bersama dan menyediakan kontrol sementara yang mengambang untuk keluar dari sesi tonton bersama atau masuk kembali ke halaman Pencerminan untuk menambahkan atau menghapus peserta.

Aktivitas pencerminan yang menampilkan aplikasi bersama dengan kontrol mengambang untuk mengelola sesi menonton bersama.
Gambar 3. Mencerminkan aktivitas dengan kontrol mengambang sementara.

Ringkasan

Berbagai halaman di Pusat Kontrol diringkas di sini.

Diagram alur yang menampilkan berbagai halaman dan transisi dalam aplikasi Pusat Kontrol.
Gambar 4. Halaman Pusat Kontrol.

Pedoman penyesuaian

Pusat Kontrol menggunakan library UI Mobil untuk memungkinkan Anda menyesuaikan dan menyediakan tema dan struktur dasar yang dapat digunakan apa adanya atau diubah sesuai dengan batasan ini.

Penyesuaian Deskripsi
SHOULD

Menyesuaikan tema dan gaya visual keseluruhan melalui RRO, seperti:

  • Palet warna
  • Pengaturan ukuran
  • Tampilan teks
  • Tampilan dialog
  • Drawable
  • Nilai konfigurasi
MAY Ubah struktur UI tingkat tinggi Pusat Kontrol.

Pusat Kontrol termasuk dalam rangkaian aplikasi sistem, yang mencakup Media, Pusat Notifikasi, dan Peluncur Aplikasi. Aplikasi ini berbagi gaya dan aset yang ditentukan di berbagai tingkat struktur AOSP:

framework/base/core
Semua gaya dasar Android ditentukan di sini. Secara khusus, semua tema aplikasi sistem didasarkan pada Theme.DeviceDefault, tema yang dirancang untuk digunakan oleh OEM guna menyesuaikan tampilan default perangkat.

packages/services/Car/car_product/overlay:
Folder ini berisi penggantian Theme.DeviceDefault yang digunakan untuk menghasilkan tampilan dan nuansa AOSP Android Automotive. OEM dapat memilih untuk mengecualikan overlay ini dan menggunakan overlay mereka sendiri.

packages/apps/Car/libs/car-ui-lib:
Library ini menentukan komponen dan resource AAOS yang umum untuk aplikasi sistem dan aplikasi yang tidak tergabung yang didesain untuk penyesuaian. Untuk mengetahui detailnya, lihat Panduan Integrasi Library UI Mobil.

packages/apps/Car/libs/car-apps-common:
Warna dan gaya umum yang dibagikan di antara aplikasi sistem yang disediakan AOSP. Anda dapat menggunakan overlay untuk menyesuaikan elemen ini (mirip dengan packages/services/Car/car_product/overlay).

packages/apps/Car/MultiDisplay/ControlCenter:
Semua aplikasi sistem memiliki tema, yang diperluas dari Theme.CarUi dan ditentukan dalam car-ui-lib. ControlCenterActivity menggunakan Theme.Transparent kustom, yang memperluas Theme.CarUi.

Untuk mendukung alur (seperti menonton bersama yang memerlukan tugas yang diduplikasi agar terlihat), Pusat Kontrol menggunakan kombinasi jendela transparan dan latar belakang transparan yang tidak mengirim aplikasi ke latar belakang atau mengirim Lifecycle events.

<style name="Theme.Transparent" parent="@style/Theme.CarUi.NoToolbar">
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowBackground">@color/transparent</item>
</style>
Sebelumnya
Ringkasan
Berikutnya
Detail teknis