Sorunsuz şekilde ölçeklendirilen uyarlanabilir Android widget'ları tasarlayın. Başlangıç noktası olarak önerdiğimiz varsayılan boyutları kullanın. Optimum okunabilirlik ve kullanıcı deneyimi için düzenlerinizi farklı boyutlarda test edin.
Varsayılan boyutlar
Düzeninizi önerilen boyutlardan en az birine göre optimize ederek şık bir widget
deneyimi sunun. Hem el cihazları hem de tablet cihazlar için targetCellWidth
ve targetCellHeight
özelliklerini tanımlayarak widget seçicide doğru yerleşimin ve görünürlüğün sağlandığından emin olun.
Bu değerler Pixel cihazlara dayanır. Widget tasarımınız için başlangıç noktası olarak bu boyutları kullanın. Kaliteli bir kullanıcı deneyimi sunmak için widget'ınızı farklı boyutlarda ve çeşitli cihazlarda dikkatlice 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, kullanıcı dostu ve yeniden boyutlandırılabilen widget'lar oluşturmak için çok önemlidir. Tasarımınızı test ederek düzen düzenlemelerinin gerekli olduğu boyut eşiklerini belirleyebilirsiniz. Bu değişiklikleri tetiklemek için ayrılma noktaları uygulayın ve widget'ınızın her boyutta görsel çekiciliğe ve işlevselliğe sahip olmasını sağlayın.
Kesme noktaları, widget'ın boyutlarına göre alan kullanımını optimize ederek tamamlayıcı içeriği koşullu olarak dahil etme veya hariç tutma esnekliği de sunar.
Sınırları doldurun
Kullanıcıların widget'ları kaldırmalarının birincil nedenlerinden biri, diğer ana ekran öğeleriyle uyumsuzluktur. Bunu önlemek için widget'ınızın ayrılan ızgara alanını her zaman tamamen doldurduğundan emin olun.