Pengaturan ukuran

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.

Gambar 1: Menggunakan titik henti sementara untuk membuat perubahan tata letak pada ukuran yang berbeda.

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.

Pastikan penampung membentang dari tepi ke tepi dalam semua ukuran.
Tambahkan padding kustom. Widget Anda harus berjalan lancar dari tepi ke tepi.
Pastikan bentuk non-persegi panjang menyentuh petak pada sumbu vertikal atau horizontal untuk konsistensi visual.
Gunakan bentuk persegi tetap. Sebagai gantinya, gunakan penampung persegi panjang responsif yang beradaptasi dengan berbagai dimensi petak.