Boyut ayarlama

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.

Şekil 1: Farklı boyutlarda düzen değişiklikleri yapmak için ayrılma noktalarını kullanma.

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.

Kabın tüm boyutlarda uçtan uca genişletildiğinden emin olun.
Özel dolgu ekleyin. Widget'ınız uçtan uca sorunsuz bir şekilde görünmelidir.
Görsel tutarlılık için dikdörtgen olmayan şeklinizin dikey veya yatay eksendeki ızgaraya dokunduğundan emin olun.
Sabit kare şekilleri kullanın. Bunun yerine, çeşitli ızgara boyutlarına uyum sağlayan duyarlı dikdörtgen kapsayıcılar kullanın.