Yoğunluktan bağımsız pikseller (dp) ve ölçeklendirilebilir pikseller (sp), Android cihazları oluşturan çok çeşitli ekran yoğunluklarına, boyut sınıflarına, form faktörlerine ve en-boy oranlarına eşit şekilde yanıt veren düzenler oluşturmak ve yazı tiplerini sunmak için gereklidir.
Çıkarımlar
- Temel ızgara kullanıyorsanız 4 ve 8 ölçülerini kullanın.
- Piksel yerine dp ve sp birimlerinde özellikler ekleyin.
- Tüm gruplar için bit eşlem/raster grafiklerini dışa aktarın.
- Farklı boyut sınıflarını, çözünürlükleri ve en boy oranlarını göz önünde bulundurarak duyarlı bir yaklaşımla tasarım yapın.
- Yoğunluktan bağımsız pikseller (dp): Yoğunluktan bağımsız pikseller, herhangi bir ekranda boyutları eşit olacak şekilde ölçeklenen esnek birimlerdir. Bunlar, ekranın fiziksel yoğunluğuna göre belirlenir. Bu birimler, 1 dp'nin yaklaşık olarak 1 piksele eşit olduğu 160 dpi (inç başına nokta) ekrana göre belirlenir.
- Ölçeklenebilir pikseller (sp): Ölçeklenebilir pikseller, dp ile aynı işlevi görür ancak yazı tipleri için kullanılır. Bir sp'nin varsayılan değeri, bir dp'nin varsayılan değeriyle aynıdır. Android sistemi, kullanılacak gerçek yazı tipi boyutunu cihaz ve kullanıcının Android cihazının Ayarlar uygulamasında belirlediği tercihe göre hesaplar.
Bu ölçü birimleri arasındaki temel fark, ölçeklenebilir piksellerin kullanıcının yazı tipi ayarlarını korumasıdır. Erişilebilirlik için daha büyük metin ayarlarını kullanan kullanıcılar, yazı tipi boyutlarının metin boyutu tercihlerine uygun olduğunu görür. Oluşturma bölümünde yazı tipi boyutunu nasıl değiştireceğinizi öğrenin.
Android, bu birimleri kullanarak çeşitli cihaz ve çözünürlüklerde ölçeklendirme ve çeviri yapmaya yardımcı olur.
Yoğunluk paketleri
Yüksek yoğunluklu ekranlarda inç başına düşen piksel sayısı, düşük yoğunluklu ekranlara göre daha fazladır. Bu nedenle, aynı piksel boyutlarına sahip kullanıcı arayüzü öğeleri düşük yoğunluklu ekranlarda daha büyük, yüksek yoğunluklu ekranlarda ise daha küçük görünür. Bu nedenle, ölçüleri piksel cinsinden belirtmemelisiniz.
Android, ekran yoğunluğu aralıklarını "gruplar" halinde toplar ve cihazınıza optimum öğe grubunu sunmak için bu grupları kullanır. En yaygın kullanılan yoğunluk grupları mdpi, hdpi, xhdpi, xxhdpi ve xxxhdpi'dir (nodpi ve anydpi, cihaz çözünürlüğüne göre ölçeklenmeyen bir grubu ifade eder ve genellikle vektör çizilebilir öğeler için kullanılır). Bunların her biri uygulamanızın bir kaynak dosyasına karşılık gelir.
dp'yi hesaplamak için:
dp = (piksel cinsinden genişlik * 160) / ekran yoğunluğu
Izgaralar
Temel çizgi ızgarası
Temel bir ızgarayla oluşturmak, kullanıcı arayüzünüzde tutarlı aralık ve hizalama oluşturmanıza yardımcı olur. Android kullanıcı arayüzünde düzen, bileşenler ve aralık için 8 dp'lik bir ızgara kullanılır.
Simgeler, türler ve bileşenlerdeki bazı öğeler gibi daha küçük öğeler en iyi şekilde 4 dp'lik bir ızgaraya hizalanır.
Sütun ızgarası
Sütunlar, gövde alanındaki içeriği bölerek düzene dikey tanım sağlamak için bir ızgara yapısı oluşturur. İçerik, ekranda sütunların bulunduğu alanlara yerleştirilir. İçeriği hizalamak için temel bir ızgarayla hizalayın ancak esnek boyutlandırmayı koruyun. Düzenle ilgili temel bilgiler bölümünde sütun ızgarası oluşturma ve içerik uygulama ile ilgili temel bilgileri öğrenin.
Form faktörleri arasında esnek düzenler oluşturmayla ilgili ayrıntılar için Material 3 Standart düzenler sayfasına göz atın.
Boyut sınıfları
Pencere boyutu sınıfları, duyarlı ve uyarlanabilir uygulama düzenleri tasarlamanıza, geliştirmenize ve test etmenize yardımcı olan bir dizi görüntü alanı kesme noktasıdır. Android, pencere boyutu sınıflarını 3'e ayırır: Compact (Kompakt), Medium (Orta) ve Expanded (Genişletilmiş). Pencere boyutu sınıfları hakkında daha fazla bilgi edinin.
En boy oranları
En boy oranı, bir öğenin genişliğinin yüksekliğine oranıdır. En boy oranları genişlik:yükseklik şeklinde yazılır.
Düzeninizde tutarlılığı korumak için resimler, yüzeyler ve ekran boyutu gibi öğelerde tutarlı bir en boy oranı kullanın.
Kullanıcı arayüzünüzde kullanmak için aşağıdaki en boy oranları önerilir:
- 16:9
- 3:2
- 4:3
- 1:1
- 3:4
- 2:3