Kolayca ölçeklenebilen uyarlanabilir Android widget'ları tasarlayın. Başlangıç noktası olarak, önerdiğimiz varsayılan boyutları kullanın ve optimum okunabilirlik ve kullanıcı deneyimi sağlamak için düzenlerinizi farklı boyutlarda test edin.
Varsayılan boyutlar
Yerleşiminizi önerdiğimiz boyutlardan en az biri için optimize ederek şık bir widget deneyimi sunun. Hem avuç içi cihazlar hem de tablet cihazlar için targetCellWidth
ve targetCellHeight
özelliklerini tanımlayarak widget seçicide doğru yerleşimi ve görünürlüğü sağlayın.
Bu değerler Pixel cihazları temel alır. Widget tasarımınız için başlangıç noktası olarak bu boyutları kullanın. Kaliteli bir kullanıcı deneyimi sağlamak için widget'ınızı farklı boyutlarda ve çeşitli cihazlarda baştan sona test edin.
El Kamerası
Boyutlar | Minimum genişlik | Maksimum genişlik | Minimum yükseklik | Maksimum yükseklik |
---|---|---|---|---|
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
Boyutlar | Minimum genişlik | Maksimum genişlik | Minimum yükseklik | Maksimum yükseklik |
---|---|---|---|---|
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 |
Kesme noktaları
Kesme noktaları, uyarlanabilir ve kullanıcı dostu, yeniden boyutlandırılabilir widget'lar oluşturmak için gereklidir. Tasarımınızı test ederek düzen ayarlamalarının gerekli olduğu boyut eşiklerini belirleyebilirsiniz. Bu değişiklikleri tetiklemek için ayrılma noktaları uygulayarak widget'ınızın her boyutta görsel çekiciliği ve işlevselliği koruduğundan emin olun.
Ayrılma noktaları, ek içeriği koşullu olarak dahil etme veya hariç tutma esnekliği de sunar. Böylece widget'ın boyutlarına göre alan kullanımı optimize edilir.
Sınırları doldurun
Kullanıcıların widget'ları kaldırmasının başlıca nedenlerinden biri, diğer ana ekran öğeleriyle uyumsuzluklardır. Bunu önlemek için widget'ınızın ayrılan ızgara alanını her zaman tamamen doldurduğundan emin olun.