Sıçrama üzerinde görüntülemek istiyorum tam ekran bir PNG var. Tek bir hata var, ve hiç bir fikrim yok her drawable klasörü (*, mdpi, hdpi*0, xhdpi) koymak ne. Benim uygulama tüm telefonlar ve tabletler üzerinde iyi ve güzel bir çalışma gerekiyordu. Ne boyutları (piksel cinsinden) sıçrama tüm ekranlarda güzel görüntüler oluşturmak gerekir?

Yasal Uyarı

Bu cevap 2013 ve ciddiye eskidir. Android 3.2 olarak şimdi ekran yoğunluğu 6 grup var. Bu cevap mümkün duyuyorum bitmez, ama ETA ile güncellenecektir. Şu anda tüm yoğunluğunu official documentation belirli piksel boyutları hakkında bilgi her zaman bulmak zor olsa da () bakın.

İşte tl/dr versiyonu

• 4 resim, her ekran yoğunluğu: bir tane oluşturun

  • xlarge (xhdpi): 640x960
  • büyük (hdpi): 480 x 800 piksel
  • orta (mdpi): 320x480
  • küçük (ldpi): 240 x 320

• Android Geliştirici Kılavuzu 9-patch image introduction okuyun

• Sonuçta ödün vermeden güvenli bir şekilde gerilmiş olabilir alanları ile resim tasarım

Bu Android cihazın görüntü yoğunluğu için uygun dosyayı seçin, sonra 9-yama standardına göre görüntü germek olacaktır.

tl sonunda;dr. Tam yazı öncesinde

Soru tasarımı ile ilgili yönü açısından cevap veriyorum. Bir geliştirici değilim, bu çözümler pek çok uygulama için kod sağlamak mümkün olmayacaktır. Ne yazık ki, niyetim bu benim ilk Android Uygulaması geliştirmek yardımcı olduğum gibi kaybolan tasarımcılara yardımcı olmaktır.

Uydurma tüm boyutları

Android ile şirketler hemen hemen her boyutta cep telefonları ve tablolar, neredeyse istedikleri her türlü kararı ile gelişebilir. Bu yüzden," sabit ekran çözünürlüğü gibi bir ekranı, için. "görüntü boyutu yoktur hayır Bu bir açılış ekranı uygulamak isteyenler için bir sorun teşkil etmektedir.

Kullanıcıların gerçekten bir ekranı görmek ister?

(Bir yan not, açılış ekranları kullanılabilirlik adamlar arasında biraz cesareti vardır. Sadece bir kullanıcı deneyimi keser gibi kullanıcı zaten o vurdu ne olduğunu çok iyi biliyor, bir ekranı kullanarak görüntüyü markalaşma gerekli değildir savundu,"". reklam Bu kullanılmalıdır, ancak, uygulamalar gerektiren bazı önemli yüklerken başlatıldı (5 ), oyunlar da dahil olmak üzere ve bu, böylece kullanıcı değil sıkışmış merak uygulaması çöktü ya da değil)

Ekran yoğunluğu; 4 sınıfları

Bu yüzden, piyasadaki telefonlardan çok farklı ekran çözünürlükleri verilen, Google yardımcı olabilecek bazı alternatif ve şık çözümler uygulanmaktadır. Bilmeniz gereken ilk şey Android ayıranTÜM4 farklı ekran ekranları yoğunluğu:

1. Düşük Yoğunluklu (ldpi ~ 120dpi)
2. Orta Yoğunluklu (mdpi ~ 160dpi)
3. Yoğunluk (~ 240dpi hdpi) yüksek
4. Ekstra-Yüksek Yoğunluk (xhdpi ~ 320dpi) (Bu dpi değerleri özel yapılmış cihazlar dpi değerleri farklı olacaktır beri yakın olan)

Eğer bir tasarımcı değilseniz bunu Bilmeniz Gerekenler Android temel olarak 4 resim görüntülemek için, cihaza bağlı olarak seçer. Temelde 4 farklı resim (daha geniş ekran, portre gibi farklı biçimleri geliştirilebilir/manzara modu, vb rağmen) tasarım.

Android kullanılan her çözünürlük için bir ekran tasarımı sürece, görüntüyü ekran boyutuna sığdırmak için streç olacak. bu düşünceyle bilmek ile: Resmin temel olarak bir degrade veya bulanıklık sürece, germe ile bazı istenmeyen bozulma alacaksın. Temelde iki seçeneğiniz var:/yoğunluğu kombinasyonu her ekran boyutu için bir görüntü oluşturmak, ya da dört 9-yama görüntüleri oluşturun.

En zor çözüm her çözünürlük için farklı bir açılış ekranı tasarımı. this page (Daha var. masada kararları takip ederek başlayabilirsiniz Örnek: 960 x 720 var listede yok). Ve küçük metin gibi görüntü Küçük Bir detay, varsayarsak, her çözünürlük için birden fazla ekran tasarımı var. Örneğin, 480 x 800 piksel görüntü olmaktan görüntülenen bir orta ekran olabilir bak tamam, ama daha küçük bir ekran (yüksek yoğunluk/dpi) logosu olabilir olmak çok küçük, ya da bir metin olabilir hale okunmaz.

9-yama görüntü

Diğer çözüm 7**. Bu temelde bir 1 piksel saydam-sınır etrafında resim ve çizim siyah piksel olarak üst ve sol alan bu sınır tanımlayabilirsiniz hangi bölümleri imajına izin verilecek streç. Gitmem dönüşmesi ne kadar 9-yama resimlerde ama, Kısacası, piksel o hizalamak için işaretler üst ve sol alan piksel olacak tekrarlanan streç görüntü.

Birkaç temel kural

1. Bu görüntülerde photoshop (ya da herhangi bir görüntü doğru şeffaf PNG oluşturabilirsiniz düzenleme yazılımı) yapabilirsiniz.
2. 1-piksel sınırı TAM ŞEFFAF olmalı.
3. 1 piksel saydam bir sınır görüntü etrafında olmak zorunda değil, sadece üst ve sol.
4. sadece siyah (#000000) bu alandaki piksel çizebilirsiniz.
5. Üst ve sol kenarlıkları (tanımlamak görüntü germe) tek bir nokta (1px x 1px), iki nokta (iki 1px x 1px) veya sürekli BİR satır (genişlik x veya 1px 1px x yükseklik).
6. Eğer 2 nokta kullanmayı seçerseniz, görüntü genişletilmiş orantılı olarak her nokta döner yükseklik elde edilir/son genişliği kadar genişletilmesi alacak) olacak
7. 1px sınır hedeflenen temel dosya boyutları yanında olmalı. 100x100 9-yama görüntüye sahiptir yani aslında 102x102 (100x100 1px üstte) ALT, sol ve sağ
8. 9-yama görüntüleri *ile bitmek zorunda.9.png

Böylece yer 1 nokta sağ veya sol tarafındaki logo (üst sınır), ve 1 nokta yukarıda ve aşağıda (sol sınır) ve bu işaretli satır ve sütun olacak piksel germek.

Örnek

İşte 9-yama görüntüsü, 102x102px (100x100 son boyutu, uygulama amaçları için):

İşte 200% aynı görüntü zoom

Üstüne 1px işaretleri uyarı ve/sütun genişletmek olacak dedi.

Bu resim uygulaması içinde 100x100 gibi görünür:

Ve burada eğer 460x140 için genişletilmiş eğer ne istiyorsunuz:

Son bir şey düşünün. Bu görüntülerin çoğu cep ekranınızda ve güzel görünebilir, ama eğer cihaz çok yüksek görüntü yoğunluğu (dpi) varsa, resim çok küçük görünecektir. Muhtemelen hala okunabilir, ama 1920x1200 çözünürlüğe sahip bir tablet üzerinde, resmin ortasında çok küçük bir kare gibi görünür. Çözüm nedir Peki? Tasarım 4 9-yama farklı görüntüler, farklı yoğunluktaki bir dizi her biri için başlatıcısı. Hayır küçülme meydana gelecek sağlamak için, yoğunluğu her kategori için en küçük ortak çözünürlükte dizayn etmelisiniz. Küçülen burada 9-yama sadece germe hesapları için istenmeyen bir durumdur, daralan bir süreçte küçük metin ve diğer öğeleri okunabilirliği kaybedebilir.

İşte yoğunluğu her kategori için en küçük, en yaygın kararlar listesi:

• xlarge (xhdpi): 640x960
• büyük (hdpi): 480 x 800 piksel
• orta (mdpi): 320x480
• küçük (ldpi): 240 x 320

Yani yukarıdaki çözüm dört açılış ekranları tasarımı, görüntüleri genişletme, tuval etrafında 1px şeffaf bir sınır koymak, ve/sütun gerilebilir olacak mark. Bu resimler için kullanılacak unutmayınHERHANGİ biryoğunluğu kategorisinde cihazı, ldpi, resim (240 x 320) küçük resim yoğunluğu ile ekstra büyük tablet (~120 dpi) 1024x600 gergin olabilir. Yani 9-yama en iyi çözüm için germe sürece istemediğin bir fotoğraf veya karmaşık grafikler için bir açılış ekranı (unutma bu sınırlamalar olarak oluşturduğunuz tasarım).

Yine, tek yolu bu germe değil ki tasarım her bir ekran çözünürlüğü (ya da biri için her bir çözünürlük yoğunluğu kombinasyonu, eğer sen de istersen önlemek görüntüleri olmayı çok küçük/büyük, yüksek/düşük yoğunluklu cihazlar), veya söyle görüntü değil germek ve bir arka plan rengi görünür yerde uzanan oluşacaktır (ki belirli bir renk tarafından işlenen Android motoru muhtemelen bak farklı, aynı zamanda belirli bir renk tarafından işlenen photoshop, çünkü renk profilleri).

Bu bir anlam ifade etmiyor umarım. İyi şanslar!