Tata letak desain adaptif umum
Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Tata letak desain umum—juga dikenal sebagai tata letak desain kanonis—adalah tata letak aplikasi serbaguna yang telah terbukti
memberikan pengalaman pengguna yang optimal di berbagai
ukuran layar yang tersedia dengan Wear OS.
Gunakan prinsip UI adaptif dan responsif untuk memberikan pengalaman berkualitas
tertinggi bagi semua orang. UI adaptif meregang dan berubah untuk memaksimalkan
semua ruang layar yang tersedia, terlepas dari ukuran layar tempat UI dirender.
UI adaptif berubah secara responsif, menggunakan komponen dan metode yang dibuat langsung
ke dalam logika tata letak. Tata letak ini juga menggunakan titik henti sementara
ukuran layar—menerapkan desain yang berbeda pada ukuran layar yang berbeda—untuk menciptakan
pengalaman yang lebih kaya bagi semua orang.
Menggunakan tata letak umum yang sudah ditetapkan
Gunakan tata letak kanonis yang sudah ditetapkan untuk membantu UI Anda beradaptasi dengan lancar di
berbagai ukuran perangkat. Tata letak kanonis ini menawarkan pengalaman berkualitas tinggi
di semua ukuran layar.
Kartu (tata letak non-scroll)
Kartu adalah tata letak tampilan non-scroll yang memberikan akses cepat ke informasi
dan tindakan yang diperlukan pengguna untuk menyelesaikan berbagai aktivitas. Dengan menggeser dari tampilan jam, pengguna dapat melihat progres kebugaran mereka, memeriksa
cuaca, dan lainnya. Meluncurkan aplikasi atau menyelesaikan tugas penting dengan cepat dari kartu.
Aplikasi (tata letak scroll)
Tata letak tampilan aplikasi scroll mencakup daftar (ScalingLazyColumn) dan dialog.
Tata letak ini membentuk sebagian besar layar aplikasi, dan mewakili
kumpulan komponen yang perlu disesuaikan dengan ukuran layar yang lebih besar.
Aplikasi (tata letak non-scroll)
Tata letak tampilan aplikasi yang tidak dapat di-scroll mencakup pemutar media, pemilih, pengalih, beberapa
dialog, dan layar kebugaran atau pelacakan khusus yang menggunakan indikator progres.
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-26 UTC.
[null,null,["Terakhir diperbarui pada 2025-07-26 UTC."],[],[],null,["# Common adaptive design layouts\n\nCommon design layouts---also known as canonical design layouts---are proven,\nversatile app layouts that provide an optimal user experience on the wide\nvariety of screen sizes that are available with Wear OS.\n\nUse adaptive and responsive UI principles to deliver the highest quality\nexperience for everyone. Adaptive UIs stretch and change to make the most of\nall available screen space, no matter what size screen they're rendered on.\n\nAdaptive UIs change responsively, using components and methods built directly\ninto the layout logic. These layouts also utilize screen size\nbreakpoints---applying a different design on different screen sizes---to create an\neven richer experience for everyone.\n\nUse established common layouts\n------------------------------\n\nUse established canonical layouts to help your UIs adapt smoothly across a\nrange of device sizes. These canonical layouts offer a high quality experience\nacross all screen sizes.\n\n\n**Tiles (non-scrolling layouts)**\n\nTiles are non-scrolling view layouts which provide quick access to information\nand actions users need to get things done. With a swipe from the watch face, a\nuser can see how they are progressing towards their fitness goals, check the\nweather, and more. Launch an app or get essential tasks done quickly from tiles. \n\n**Apps (scrolling layouts)**\n\nScrolling app view layouts include lists (`ScalingLazyColumn`) and dialogs.\nThese layouts make up the majority of app screens, and they represent a\ncollection of components which need to adapt to larger screen sizes. \n\n**Apps (non-scrolling layouts)**\n\nNon-scrolling app view layouts include media players, pickers, switchers, some\ndialogs, and special fitness or tracking screens that use progress indicators.\n\n\u003cbr /\u003e"]]
