Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Desain adaptif adalah praktik merancang tata letak yang beradaptasi dengan titik henti sementara dan perangkat tertentu. Biasanya kita mempertimbangkan lebar perangkat untuk
menentukan posisi tata letak yang harus diubah atau disesuaikan. Web dan Android menggunakan konsep desain responsif, seperti petak dan gambar fleksibel, untuk membuat tata letak yang merespons konteksnya dengan lebih baik.
Untuk panduan desain tentang penyesuaian tata letak dengan ukuran layar yang diperluas, baca panduan developer Mendukung berbagai ukuran layar di Compose dan halaman Menerapkan Tata Letak M3. Anda juga dapat melihat galeri kanonis layar besar Android untuk mendapatkan inspirasi dan penerapan tata letak layar besar.
Meskipun tidak semua aplikasi harus tersedia di setiap ukuran layar, praktik ini dapat memberi lebih banyak keleluasaan bagi pengguna Anda dalam hal ergonomi, kegunaan, dan kualitas aplikasi.
Anda dapat mendesain layar utama (menyampaikan konsep penting atau aplikasi Anda) dengan ukuran class sebagai titik henti sementara untuk bertindak sebagai panduan.
Atau desain konten agar responsif dengan mencatat cara konten harus dibatasi, diperluas, atau diatur ulang.
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-08-28 UTC.
[null,null,["Terakhir diperbarui pada 2025-08-28 UTC."],[],[],null,["Adaptive design is the practice of designing layouts that adapt to specific\nbreakpoints and devices. Usually we consider the width of the device to\ndetermine where the layout should change, or adapt. Both Web and Android utilize\nresponsive design concepts, like flexible grids and images, to create layouts\nthat better respond to their context.\n\nFor design guidelines about adapting layouts to expanded screen sizes, read the\n[Support different screen sizes](/develop/ui/compose/layouts/adaptive/support-different-display-sizes) developers guide in Compose and the M3\n[Applying Layout](https://m3.material.io/foundations/layout/applying-layout/expanded) page. You can also check out the Android\n[large screen canonical](/guide/topics/large-screens/large-screen-canonical-layouts) gallery for inspiration and implementation of\nlarge screen layouts.\n\nAlthough not every app needs to be available on every screen size, it does allow\nyour users more freedom regarding ergonomics, usability, and app quality.\n\n- You can design key screens (communicate the essential concepts or your app) with class sizes as breakpoints to act as guidelines.\n- Or design content to act responsively by notating how content should be constrained, expand, or reflow.\n\nFor more on layouts, check out the [Material Design 3 (M3) Understanding layout\npage](https://m3.material.io/foundations/layout/understanding-layout/overview)."]]
