Desain widget Android yang dapat diadaptasikan dan diskalakan dengan lancar. Gunakan ukuran default yang kami rekomendasikan sebagai titik awal, dan uji tata letak Anda di berbagai dimensi untuk memastikan keterbacaan dan pengalaman pengguna yang optimal.
Ukuran default
Hadirkan pengalaman widget yang keren dengan mengoptimalkan tata letak untuk setidaknya salah satu
ukuran yang kami rekomendasikan. Pastikan penempatan dan visibilitas yang benar di alat pilih
widget dengan menentukan atribut targetCellWidth
dan targetCellHeight
untuk
perangkat genggam dan tablet.
Nilai ini didasarkan pada perangkat Pixel. Gunakan ukuran ini sebagai titik awal untuk desain {i>widget<i} Anda. Uji widget Anda secara menyeluruh pada berbagai ukuran dan di 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 | 424 | 672 |
3x4 | 456 | 672 | 344 | 488 |
Titik henti sementara
Titik henti sementara sangat penting untuk membuat widget yang dapat disesuaikan dan mudah diubah ukurannya. Dengan menguji desain, Anda dapat menentukan batas ukuran yang memerlukan penyesuaian tata letak. Terapkan titik henti sementara untuk memicu perubahan ini, sehingga memastikan widget Anda mempertahankan fungsionalitas dan daya tarik visual dalam ukuran apa pun.
Titik henti sementara juga menawarkan fleksibilitas untuk menyertakan atau mengecualikan konten tambahan secara bersyarat, yang mengoptimalkan penggunaan ruang berdasarkan dimensi widget.
Memenuhi batas
Salah satu alasan utama pengguna menghapus widget adalah karena ketidaksejajaran dengan elemen layar utama yang lain. Untuk mencegah hal ini, pastikan widget Anda selalu mengisi ruang petak yang dialokasikan sepenuhnya.