Membuka peluang baru dengan Tata Letak Adaptif Compose 1.2 beta

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 ke berbagai ukuran dan postur ini.

Untuk membantu Anda membangun pengalaman dinamis ini secara lebih efisien, kami mengumumkan bahwa Library Tata Letak Adaptif Compose 1.2 secara resmi memasuki versi beta. Rilis ini menyediakan alat baru yang canggih untuk membuat UI 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 mencakup:

• Strategi tata letak baru yang canggih: Versi beta ini memperkenalkan strategi tata letak baru seperti reflow dan levitate, yang dirancang untuk membantu Anda membangun 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 multi-panel yang kaya di layar luas seperti tablet dan perangkat foldable besar.

Dua strategi adaptasi panel baru: reflow (kiri) dan levitate (kanan)

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

Menjangkau 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 lebih menarik dengan menjadi lebih intuitif bagi pengguna. Daripada hanya memperluas tata letak satu kolom, pikirkan bagaimana Anda dapat 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 Compose Adaptive Layouts 1.2 beta yang dirancang untuk membantu Anda membangun UI ini. Misalnya, titik awal yang baik adalah mengadopsi 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 aktif. 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 terus berkembang, dari perangkat foldable hingga desktop

Pergeseran menuju desain adaptif ini meluas ke seluruh ekosistem Android. Dari Pixel 10 Pro Fold baru hingga perangkat foldable Samsung Galaxy terbaru, developer memiliki peluang untuk melibatkan basis pengguna yang besar dan terus berkembang di lebih dari 500 juta perangkat layar besar.

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

Menerapkan prinsip adaptif ke dalam praktik

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 diperluas atau masalah kegunaan.
• Mendukung tata letak yang dioptimalkan: Gunakan library seperti Compose Adaptive Layouts untuk membangun UI yang beradaptasi dengan berbagai ukuran jendela dan postur perangkat. Aplikasi Anda harus berfungsi dengan baik dalam mode potret dan lanskap, tanpa membatasi orientasi.
• Pikirkan lebih dari sekadar sentuhan: Pengalaman adaptif yang baik berarti mendukung semua metode input. Hal ini tidak hanya mencakup fungsi dasar, tetapi juga detail yang cermat yang diharapkan pengguna, seperti status kursor mouse, menu konteks saat mengklik kanan, dan dukungan untuk pintasan keyboard.

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