Aplikasi Android berperan penting dalam mengubah penampilan komputasi modern di layar lebar. Namun, menjalankan aplikasi seluler di Chromebook saja tidak memberikan pengalaman terbaik kepada pengguna.
Halaman ini menjelaskan beberapa cara yang dapat Anda lakukan untuk menyesuaikan pengalaman menggunakan laptop dan faktor bentuk konvertibel. Lihat daftar lengkap pengujian untuk mempelajari lebih lanjut cara menguji kompatibilitas aplikasi di perangkat ini.
Memanfaatkan dukungan untuk multi-jendela dengan format bebas
Implementasi aplikasi Android di ChromeOS menyertakan dukungan multi-aplikasi dasar. Alih-alih selalu menggunakan layar penuh, Android merender aplikasi di ChromeOS ke dalam penampung jendela dengan bentuk bebas, yang lebih sesuai untuk perangkat ini.
Pengguna dapat mengubah ukuran jendela yang berisi aplikasi Android Anda, seperti yang ditunjukkan pada gambar 1. Untuk memastikan jendela dengan format bebas diubah ukurannya secara halus dan menampilkan seluruh kontennya kepada pengguna, baca panduan di Pengelolaan jendela.
![](https://developer.android.com/static/images/topic/arc/resizable.png?authuser=9&hl=id)
Gambar 1. Jendela aplikasi yang dapat diubah ukurannya.
Anda dapat meningkatkan pengalaman pengguna saat aplikasi berjalan di ChromeOS dengan mengikuti praktik terbaik berikut:
- Tangani siklus proses aktivitas dengan benar dalam mode multi-aplikasi dan pastikan Anda terus mengupdate UI, bahkan saat aplikasi Anda bukan jendela yang paling difokuskan.
- Pastikan bahwa aplikasi Anda menyesuaikan tata letaknya dengan tepat setiap kali pengguna mengubah ukuran jendela.
- Sesuaikan dimensi awal jendela aplikasi dengan menentukan ukuran peluncurannya.
- Perlu diketahui bahwa orientasi aktivitas root aplikasi memengaruhi semua jendelanya.
Menyesuaikan warna kolom atas
ChromeOS menggunakan tema aplikasi untuk mewarnai panel atas yang ditampilkan di bagian atas aplikasi,
yang menunjukkan kapan pengguna menahan kontrol jendela dan tombol kembali. Agar
aplikasi Anda terlihat menarik dan disesuaikan untuk ChromeOS, tentukan
colorPrimary
dan, jika memungkinkan,
nilai colorPrimaryDark
dalam tema aplikasi Anda.
colorPrimaryDark
digunakan untuk mewarnai panel atas. Jika hanya
colorPrimary
yang ditentukan, ChromeOS akan menggunakan versi yang lebih gelap di
panel atas. Untuk mengetahui informasi selengkapnya, lihat Gaya dan tema.
Mendukung keyboard, trackpad, dan mouse
Semua Chromebook memiliki keyboard fisik dan trackpad, dan sebagian juga memiliki layar sentuh. Beberapa perangkat bisa berubah dari laptop menjadi tablet.
Di aplikasi untuk ChromeOS, dukung input dari mouse, trackpad, dan keyboard sehingga aplikasi dapat digunakan tanpa layar sentuh. Banyak aplikasi yang sudah mendukung {i>mouse<i} dan {i>trackpad<i} tanpa perlu pekerjaan tambahan. Namun, sebaiknya sesuaikan perilaku aplikasi Anda dengan tepat untuk mouse, serta untuk mendukung dan membedakan antara input mouse dan sentuh.
Pastikan bahwa:
- Semua target dapat diklik dengan mouse.
- Semua permukaan sentuh yang dapat di-scroll akan men-scroll peristiwa roda mouse, seperti yang ditunjukkan pada gambar 2.
- Status pengarahan kursor diterapkan dengan pertimbangan yang cermat untuk meningkatkan penemuan UI tanpa membingungkan pengguna, seperti ditunjukkan dalam gambar 3.
![](https://developer.android.com/static/images/topic/arc/scroll_on_mousewheel.png?authuser=9&hl=id)
Gambar 2. Men-scroll dengan roda mouse.
![](https://developer.android.com/static/images/topic/arc/hover_states.png?authuser=9&hl=id)
Gambar 3. Status pengarahan kursor tombol.
Jika perlu, bedakan antara input mouse dan sentuh. Misalnya, sentuh lama item dapat memicu UI multi-pilihan, sementara mengklik kanan item yang sama mungkin memicu menu opsi.
Kursor khusus
Sesuaikan kursor mouse aplikasi Anda untuk menunjukkan elemen UI yang dapat digunakan
pengguna dan caranya. Anda dapat menetapkan PointerIcon
agar digunakan
saat pengguna berinteraksi dengan tampilan dengan memanggil metode setPointerIcon()
.
Di aplikasi, tampilkan semua hal berikut:
- Pointer I-beam untuk teks
- Handel pengubah ukuran pada tepi lapisan yang dapat diubah ukurannya
- Pointer tangan terbuka dan tertutup untuk konten yang dapat digeser atau ditarik menggunakan gestur klik dan tarik
- Indikator lingkaran berputar saat sedang memproses
Class PointerIcon
memberikan konstanta yang dapat Anda
gunakan untuk mengimplementasikan kursor kustom.
Pintasan keyboard dan navigasi
Karena setiap Chromebook memiliki keyboard fisik, sediakan hotkey untuk memungkinkan pengguna menjadi lebih produktif. Misalnya, jika aplikasi Anda mendukung pencetakan, Anda dapat menggunakan Control+P untuk membuka dialog cetak.
Demikian pula, tangani semua elemen UI penting menggunakan navigasi tab. Hal ini sangat penting untuk aksesibilitas. Untuk memenuhi standar aksesibilitas, semua platform UI harus memiliki status fokus yang jelas dan sesuai dengan aksesibilitas, seperti yang ditunjukkan dalam gambar berikut:
![](https://developer.android.com/static/images/topic/arc/transversal_tabbing.png?authuser=9&hl=id)
Gambar 4. Penggunaan tombol tab transversal.
![](https://developer.android.com/static/images/topic/arc/hover_controls.png?authuser=9&hl=id)
Gambar 5. Mengganti gestur geser dengan kontrol yang muncul saat kursor diarahkan.
Pastikan untuk mengimplementasikan alternatif keyboard atau mouse untuk fitur inti yang tersembunyi dalam interaksi khusus sentuhan, seperti tindakan sentuh lama, geser, atau gestur multi-kontrol lainnya. Contoh solusinya adalah menyediakan tombol yang muncul di permukaan saat kursor diarahkan.
Untuk mengetahui informasi selengkapnya tentang dukungan keyboard, trackpad, dan mouse, lihat Kompatibilitas input di perangkat layar besar.
Meningkatkan input pengguna lebih lanjut
Agar aplikasi Anda memiliki fungsi tingkat desktop, pertimbangkan input berorientasi produktivitas berikut.
Menu konteks
Menu konteks Android, yaitu akselerator lain untuk mengarahkan pengguna ke fitur aplikasi Anda, dapat dipicu dengan mengklik mouse atau tombol sekunder trackpad atau melalui sentuhan lama pada layar sentuh:
![](https://developer.android.com/static/images/topic/arc/contextual_menu.png?authuser=9&hl=id)
Gambar 6. Menu konteks yang muncul saat mengklik kanan.
Tarik lalu lepas
Membangun interaksi tarik lalu lepas, seperti dalam gambar berikut, dapat menghadirkan fungsi produktivitas yang efisien dan intuitif ke aplikasi Anda. Untuk informasi selengkapnya, lihat Tarik lalu lepas.
![](https://developer.android.com/static/images/topic/arc/drag_and_drop.png?authuser=9&hl=id)
Gambar 7. Tarik lalu lepas pada antarmuka hierarki file.
Dukungan stilus
Dukungan stilus sangat penting untuk aplikasi menggambar dan mencatat. Berikan dukungan yang ditingkatkan untuk Chromebook dan tablet yang dilengkapi stilus dengan menerapkan interaksi yang disesuaikan untuk penggunaan input stilus.
Pertimbangkan potensi variasi hardware stilus yang berbeda saat merancang interaksi stilus Anda. Untuk garis besar API stilus, lihat Kompatibilitas input di perangkat layar besar.
Menjadikan tata letak Anda responsif
Manfaatkan real estate layar yang tersedia untuk aplikasi Anda dengan baik, apa pun status visualnya (layar penuh, potret, lanskap, atau jendela). Beberapa contoh penggunaan ruang yang baik meliputi:
- Menampilkan arsitektur aplikasi.
- Batasi panjang teks dan ukuran gambar ke lebar maksimum.
- Manfaatkan properti di toolbar aplikasi dengan lebih baik.
- Meningkatkan penempatan kemampuan UI dengan menyesuaikan aplikasi ke penggunaan mouse, bukan penggunaan jempol.
- Optimalkan ukuran video dan gambar, tetapkan kumpulan lebar dan tinggi maksimum untuk semua media, serta maksimalkan keterbacaan dan keterpindaian.
- Terapkan sistem kolom responsif. Untuk mengetahui informasi selengkapnya, lihat Petak tata letak responsif.
- Ubah ukuran dan ubah UI saat diperlukan menggunakan sistem kolom. Jika memungkinkan, hindari membuka jendela baru.
- Hapus atau kurangi pentingnya komponen scroll horizontal.
- Hindari UI modal layar penuh. Gunakan UI inline, seperti indikator progres dan pemberitahuan, untuk semua tindakan yang tidak penting.
- Gunakan komponen UI yang ditingkatkan, seperti pemilih waktu dan tanggal, kolom teks, serta menu yang dirancang untuk mouse, keyboard, dan layar yang lebih besar.
- Gunakan pengeditan inline, kolom tambahan, atau UI modal, bukan aktivitas baru untuk fitur edit kecil hingga sedang.
- Hapus atau ubah tombol tindakan mengambang (FAB) untuk navigasi keyboard yang lebih baik. Secara default, posisi FAB berada di posisi terakhir dalam urutan tab transversal. Sebaiknya jadikan terlebih dahulu, karena merupakan tindakan utama, atau ganti dengan atribut lain yang memiliki tingkat kemampuan lebih tinggi.
![](https://developer.android.com/static/images/topic/arc/responsive_layout.png?authuser=9&hl=id)
Gambar 8. Tiruan tata letak responsif pada layar ukuran ponsel dan desktop.
Mengubah pola navigasi
Tombol kembali level sistem adalah pola yang dibawa dari root perangkat Android, yang tidak cocok seperti dalam konteks desktop.
Seiring aplikasi Anda makin disesuaikan untuk lingkungan laptop, pertimbangkan untuk beralih ke pola navigasi yang tidak menekankan tombol kembali. Izinkan aplikasi menangani tumpukan historinya sendiri dengan menyediakan tombol kembali dalam aplikasi, breadcrumb, atau rute keluar lainnya seperti tombol tutup atau batalkan sebagai bagian dari UI layar yang besar.
Anda dapat mengontrol apakah aplikasi menampilkan tombol kembali di jendelanya dengan
menyetel preferensi di dalam
tag
<activity>
. Setelan true
menyembunyikan
tombol kembali:
<meta-data android:name="WindowManagerPreference:SuppressWindowControlNavigationButton" android:value="true" />
Menyelesaikan masalah dengan gambar pratinjau kamera
Masalah kamera dapat muncul jika aplikasi hanya dapat berjalan dalam orientasi potret, tetapi pengguna menjalankannya di layar lanskap. Dalam hal ini, pratinjau atau hasil yang diambil mungkin salah diputar.
Mode kompatibilitas mengubah cara sistem menangani peristiwa, seperti perubahan orientasi, di ChromeOS. Ini membantu mencegah masalah saat kamera digunakan dalam mode orientasi yang salah. Untuk mengaktifkan mode kompatibilitas, penuhi kriteria berikut:
- Targetkan minimal Android 7.0 (API level 24). Level SDK minimum bisa lebih rendah.
- Buat aplikasi agar dapat diubah ukurannya.
Menangani setelan perangkat
Pertimbangkan setelan perangkat berikut untuk aplikasi yang berjalan di ChromeOS.
Mengubah volume
Perangkat ChromeOS adalah perangkat volume tetap: aplikasi yang memutar suara memiliki kontrol volumenya sendiri. Ikuti panduan untuk Bekerja dengan perangkat volume tetap.
Mengubah kecerahan layar
Anda tidak dapat menyesuaikan kecerahan perangkat di ChromeOS. Panggilan ke
system settings
dan
WindowManager.LayoutParams
akan diabaikan.
Materi belajar tambahan
Guna mempelajari lebih lanjut cara mengoptimalkan aplikasi Android untuk Chromebook, lihat referensi berikut:
- Baca postingan Membawa Aplikasi Android Anda ke Chromebook di Blog Developer Android.
- Tonton sesi Aplikasi Android untuk Chromebook dan Perangkat Berlayar Besar dari Google I/O 2017.