Dengan faktor bentuk baru seperti Pixel 10 Pro Fold yang bergabung dengan ekosistem Android, pengembangan aplikasi adaptif sangat penting untuk menciptakan pengalaman pengguna berkualitas tinggi di seluruh ponsel, tablet, dan perangkat foldable. Pengguna mengharapkan UI aplikasi Anda beradaptasi dengan lancar terhadap berbagai ukuran dan posisi ini.

Untuk membantu Anda membangun pengalaman dinamis ini secara lebih efisien, kami mengumumkan bahwa Compose Adaptive Layouts Library 1.2 secara resmi memasuki versi beta. Rilis ini menyediakan alat baru yang canggih untuk membuat UI yang responsif dan berkualitas tinggi untuk ekosistem perangkat yang terus berkembang ini.

Alat baru yang canggih untuk kanvas yang lebih besar

Library Tata Letak Adaptif Compose adalah toolkit dasar kami untuk membangun UI yang beradaptasi di berbagai ukuran jendela. Rilis beta baru ini dilengkapi dengan fitur canggih untuk membantu Anda membuat tata letak yang canggih dengan lebih sedikit kode. Penambahan utama meliputi:

• Strategi tata letak baru yang canggih: Versi beta ini memperkenalkan strategi tata letak baru seperti reflow dan levitate, yang dirancang untuk membantu Anda membuat tata letak dinamis yang terlihat bagus di layar luar dan dalam perangkat seperti Pixel 10 Pro Fold, Galaxy Z Fold7 dan Z Flip7.
• Class Ukuran Jendela Baru: Rilis ini menambahkan dukungan bawaan untuk class ukuran jendela Besar dan Sangat Besar yang baru. Titik henti sementara baru ini penting untuk mendesain dan memicu perubahan UI multipanel yang kaya di layar luas seperti tablet dan perangkat foldable besar.

Dua strategi penyesuaian panel baru: tata ulang (kiri) dan melayang (kanan)

Untuk mengetahui daftar lengkap perubahan, lihat dokumentasi rilis resmi. Pelajari panduan kami tentang tata letak kanonis dan cara membuat tata letak panel pendukung.

Berinteraksi dengan lebih banyak pengguna di setiap layar

Menerapkan pola pikir adaptif bukan hanya praktik terbaik, tetapi juga strategi untuk pertumbuhan. Tujuannya bukan hanya membuat aplikasi Anda berfungsi di layar yang lebih besar, tetapi juga membuatnya terlihat lebih baik dengan menjadi lebih intuitif bagi pengguna. Daripada hanya meregangkan tata letak satu kolom, pikirkan cara menggunakan ruang tambahan untuk menciptakan pengalaman yang lebih efisien dan imersif.

Ini adalah prinsip inti di balik strategi tata letak dinamis seperti reflow, fitur baru yang canggih dalam beta Tata Letak Adaptif Compose 1.2 yang dirancang untuk membantu Anda membangun UI ini. Misalnya, titik awal yang baik adalah menerapkan tata letak multi-panel. Dengan menampilkan daftar dan tampilan detail yang sesuai secara berdampingan, Anda mengurangi ketukan dan memungkinkan pengguna menyelesaikan tugas dengan lebih cepat.

Pengembangan adaptif yang cermat seperti ini benar-benar meningkatkan engagement. Selain itu, seperti yang kami tekankan selama episode terbaru #TheAndroidShow, inilah alasan kami melihat bahwa pengguna yang menggunakan aplikasi di ponsel dan layar yang lebih besar hampir tiga kali lebih berinteraksi. Membangun secara adaptif tidak hanya membuat pengguna saat ini lebih puas, tetapi juga menciptakan pengalaman yang lebih berharga dan menarik yang membangun loyalitas yang langgeng dan membantu Anda menjangkau pengguna baru.

Ekosistem Android yang berkembang, dari perangkat foldable hingga desktop

Perubahan ke desain adaptif ini mencakup seluruh ekosistem Android. Mulai dari Pixel 10 Pro Fold baru hingga perangkat foldable Samsung Galaxy terbaru, developer memiliki peluang untuk berinteraksi dengan basis pengguna yang besar dan terus berkembang di lebih dari 500 juta perangkat layar besar.

Inilah alasan kami terus berinvestasi dalam pengalaman berorientasi masa depan seperti Layar Terhubung, yang saat ini tersedia untuk dicoba dalam pratinjau developer. Fitur ini membuka platform dan model interaksi baru agar aplikasi dapat berjalan, sehingga memungkinkan fitur kelas desktop yang sebenarnya dan alur kerja multi-instance. Sebelumnya, kami telah membagikan detail tentang cara memulai pratinjau developer Layar Terhubung dan melihat bagaimana pratinjau ini membentuk masa depan pengalaman multi-perangkat.

Menerapkan prinsip adaptif

Bagi developer yang ingin menyiapkan aplikasi mereka untuk masa depan adaptif ini, berikut beberapa praktik terbaik utama yang perlu diingat:

• Lakukan inventaris: Langkah pertama adalah melihat posisi Anda saat ini. Uji aplikasi Anda di perangkat layar besar atau dengan emulator yang dapat diubah ukurannya di Android Studio untuk mengidentifikasi area yang perlu ditingkatkan, seperti UI yang terentang atau masalah kegunaan.
• Mendukung tata letak yang dioptimalkan: Gunakan library seperti Compose Adaptive Layouts untuk membuat UI yang beradaptasi dengan berbagai ukuran jendela dan postur perangkat. Aplikasi Anda harus berfungsi dengan baik dalam orientasi potret dan lanskap, tanpa membatasi orientasi.
• Berpikir di luar sentuhan: Pengalaman adaptif yang baik berarti mendukung semua metode input. Hal ini melampaui fungsi dasar untuk menyertakan detail yang cermat yang diharapkan pengguna, seperti status pengarahan kursor untuk kursor mouse, menu konteks saat mengklik kanan, dan dukungan untuk pintasan keyboard.

Potensi aplikasi Anda tidak lagi terbatas pada satu layar. Jelajahi galeri desain perangkat layar besar dan pedoman kualitas aplikasi hari ini untuk membayangkan ke mana aplikasi Anda dapat berkembang. Dapatkan inspirasi dan temukan pola desain, panduan resmi, dan aplikasi contoh yang Anda butuhkan untuk membangun aplikasi untuk setiap lipatan, putaran, dan layar di developer.android.com/adaptive-apps.