Boyut ayarlama

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.

Ş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ı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.

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