Tentang tata letak adaptif
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Aplikasi Android berjalan di berbagai perangkat—mulai dari ponsel flip foldable hingga
TV yang dipasang di dinding. Untuk memberikan pengalaman pengguna yang luar biasa di semua jenis
perangkat, sesuaikan UI aplikasi Anda dengan berbagai ukuran dan konfigurasi layar. Aplikasi
Android terbaik memanfaatkan ruang layar yang mereka tempati dan menangani
perubahan pada ruang tersebut saat runtime, termasuk perubahan orientasi dan
perubahan ukuran jendela dalam mode jendela layar terpisah dan desktop.
Topik
Dokumentasi tata letak adaptif memberikan panduan tentang cara:
- Mendesain dan menerapkan tata letak adaptif
- Menyesuaikan navigasi utama aplikasi berdasarkan ukuran jendela
- Menggunakan class ukuran jendela untuk menyesuaikan UI aplikasi
- Menyederhanakan penerapan tata letak kanonis, seperti daftar-detail,
menggunakan Jetpack API
Prasyarat
Panduan tata letak adaptif mengasumsikan bahwa Anda memahami konsep berikut:
Konten dan contoh kode di halaman ini tunduk kepada lisensi yang dijelaskan dalam Lisensi Konten. Java dan OpenJDK adalah merek dagang atau merek dagang terdaftar dari Oracle dan/atau afiliasinya.
Terakhir diperbarui pada 2025-07-27 UTC.
[null,null,["Terakhir diperbarui pada 2025-07-27 UTC."],[],[],null,["# About adaptive layouts\n\nAndroid apps run on a wide variety of devices---from foldable flip phones to\nwall‑mounted TVs. To provide a great user experience on all types of\ndevices, adapt your app's UI to different display sizes and configurations. The\nbest Android apps make the most of the screen space they occupy and handle\nchanges to that space at runtime, including orientation changes and window\nresizing in split‑screen and desktop windowing modes.\n| **Note:** For apps that target Android 16 (API level 36), the system ignores screen orientation, aspect ratio, and app resizablility restrictions to improve the layout of apps on form factors with smallest width \\\u003e= 600dp. See [App\n| orientation, aspect ratio, and\n| resizability](/develop/ui/compose/layouts/adaptive/app-orientation-aspect-ratio-resizability).\n\nTopics\n------\n\nThe adaptive layouts documentation provides guidance on how to:\n\n- Design and implement adaptive layouts\n- Adjust your app's primary navigation based on window size\n- Use window size classes to adapt your app's UI\n- Simplify implementation of canonical layouts, such as list‑detail, using the Jetpack APIs\n\nPrerequisites\n-------------\n\nThe adaptive layouts guidance assumes you understand the following concepts:\n\n- [Jetpack Compose basics](/develop/ui/compose/mental-model), including recomposition"]]
