Desain widget Android yang mudah disesuaikan dan diskalakan dengan lancar. Gunakan rekomendasi ukuran default sebagai titik awal, lalu menguji tata letak Anda di berbagai untuk memastikan keterbacaan dan pengalaman pengguna yang optimal.
Ukuran default
Berikan pengalaman widget yang sempurna dengan mengoptimalkan tata letak minimal untuk satu widget
ukuran yang direkomendasikan. Memastikan penempatan dan visibilitas yang benar di widget
alat pilih dengan menentukan atribut targetCellWidth
dan targetCellHeight
untuk keduanya
perangkat genggam dan tablet.
Nilai ini didasarkan pada perangkat Pixel. Gunakan ukuran ini sebagai titik awal untuk desain widget Anda. Uji secara menyeluruh widget Anda dalam berbagai ukuran dan berbagai perangkat untuk memastikan pengalaman pengguna yang berkualitas.
Genggam
Ukuran | Lebar min | Lebar maks | Tinggi min | Tinggi maks |
---|---|---|---|---|
2x1 | 109 | 306 | 44 | 130 |
2x2 | 109 | 306 | 115 | 276 |
2x3 | 109 | 306 | 185 | 422 |
4x1 | 245 | 624 | 44 | 130 |
4x2 | 245 | 624 | 115 | 276 |
4x3 | 245 | 624 | 185 | 422 |
Tablet
Ukuran | Lebar min | Lebar maks | Tinggi min | Tinggi maks |
---|---|---|---|---|
2x1 | 180 | 304 | 64 | 120 |
2x2 | 180 | 304 | 184 | 304 |
2x3 | 180 | 304 | 304 | 488 |
3x1 | 328 | 488 | 64 | 120 |
3x2 | 298 | 488 | 184 | 304 |
3x3 | 298 | 488 | 304 | 488 |
3x4 | 298 | 488 | 424 | 672 |
Titik henti sementara
Titik henti sementara sangat penting untuk membuat desain yang mudah disesuaikan dan mudah diubah ukurannya widget. Dengan menguji desain Anda, Anda bisa menentukan batas ukuran di mana tata letak penyesuaian diperlukan. Implementasikan titik henti sementara untuk memicu perubahan ini, memastikan widget Anda mempertahankan daya tarik visual dan fungsionalitas pada berbagai ukuran.
Titik henti sementara juga menawarkan fleksibilitas untuk menyertakan atau mengecualikan secara bersyarat konten tambahan, mengoptimalkan pemanfaatan ruang berdasarkan dimensi kustom.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Breakpoints.jpg?authuser=6&hl=id)
Isi batas
Salah satu alasan utama pengguna menghapus widget adalah karena ketidaksejajaran dengan elemen layar beranda lainnya. Untuk mencegah hal ini, pastikan widget Anda selalu mengisi ruang kisi yang dialokasikan sepenuhnya.
![](https://developer.android.com/static/images/design/ui/mobile/widgets/01_Fill_the_Bounds.jpg?authuser=6&hl=id)
Anjuran
![](https://developer.android.com/static/images/design/ui/mobile/widgets/02_Fill_the_Bounds.jpg?authuser=6&hl=id)
Larangan
![](https://developer.android.com/static/images/design/ui/mobile/widgets/03_Fill_the_Bounds.jpg?authuser=6&hl=id)
Anjuran
![](https://developer.android.com/static/images/design/ui/mobile/widgets/04_Fill_the_Bounds.jpg?authuser=6&hl=id)