2015-05-05 14 views
37

, ben 100*100 boyut ImageView veya düğme var ve yerel .png dosyasıyla imajını veya backgroundImage ayarlamak istiyorum. Benim anlayış dayanarak, görüntülerin 3 set, @1x için yani 100*100, @2x için 200*200, @3x için 300*300 oluşturmanız gerekir. Anlayışımın doğru olup olmadığından emin değilim, herhangi biri yardım edebilir mi?Görüntü boyutlarının Xcode'ta @ 1x, @ 2x ve @ 3x olması gerekir? Örneğin

+1

kontrol edebilirsiniz fazla ayrıntı için

enter image description here

! :) iPhone'lar normal (@ 1x) görüntüyü kullanacak, iphone 6 artı en büyük olanı kullanacaktır (@ 3x). Bunlar arasındaki iphones * orta * resmi (@ 2x) kullanır. Burada iyi bir genel bakış: http://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions –

+0

[Bu] 'ya bir göz atın (https://developer.apple.com/library/ios/ dokümantasyon/UserExperience/Kavramsal/MobileHIG/IconMatrix.html). Umarım bu yardımcı olur –

+1

Size yardımcı olursa cevaplardan birini kabul etmelisiniz. Başkalarını sorularınızı cevaplamaya teşvik edecektir. Ayrıca diğer geliştiricilerin sizin için hangi çözümü kullandığını bilmelerini sağlayacaktır. – Yogi

cevap

4

Evet, haklısınız. Eğer Assets kullanıyorsanız o

+1

Navigasyon çubuğu öğesi nasıl? Gezinme çubuğu öğesi olarak 40 * 40 düğmem var, bu nedenle görüntü boyutları 1x için 40 * 40, 2x için 80 * 80, 2x için 120 * 120 olmalıdır. Ancak Apple'ın dokümanına göre, Araç çubuğu ve navigasyon çubuğu simgesi 3x, 2x, 1x için 66 * 66, 44 * 44, 22 * ​​22 olmalıdır. Bu neden? – user2053760

+0

Sorun nedir? Sadece dokümantasyon önerisi olarak kullanın – Azat

0

varlıklar katalog kullanın için Ama üç yuvaları tek görüntüde hepsini yapabilir. Xcode, @ 1x, @ 2x, @ 3 easilly'yi yönetir ve görüntülerin boyutlarını söyler.

AppIcon ve LaunchScreen görüntülerini yönetmek kolaydır. 3 kat @3x görüntü artış için

13

@1x resim boyutu!

örn.

15 x 15 = @1x

30 x 30 = @2x

45 x 45 = @3x

TD

100 x 100 = @1x

200 x 200 = @2x

300 x 300 = @3x

VEYA

15 x 10 = @1x

30 x 20 = @2x

45 x 30 = @3x

Bunun size yararlı umut !

+6

Bu doğru DEĞİLDİR. '@ 3x' görüntüleri için '@ 2x' görüntü boyutunu 1,5x: 15 x 15 =' @ 1x', 30 x 30 = '@ 2x', 45 x 45 =' @ 3x' –

+0

doğru? – Mark13426

+0

Bir düğmenin görüntü boyutunu tanımlamanın doğru yolu hangisi! 1x = 15 * 15, 2x = 30 * 30 ve 3x = 45 * 45 veya bu bir 1x = 15 * 15, 2x = 30 * 30 ve 3x = 60 * 60! – Rex

66

benim anlayışıma göre, görüntü boyutu

@3x -> 300 * 300

enter image description here

anlamak şey var

@2x -> 200 * 200100 * 100

@1x -> 100 * 100 ise. 2x ve 3x görüntüleri oluşturarak, her iPhone ekranından tam olarak aynı düzeni bekleyemezsiniz. Düzen ekrandan ekrana farklı olacaktır. Ekranın sadece piksel yoğunluğuyla uğraşan 1x, 2x ve 3x görüntü boyutları.

Eğer 320 * 70 bir imaja sahip ve farklı ekranlarda çıktı olacaktır

@3x -> 960 * 210

Bu

@1x -> 320 * 70

@2x -> 640 * 140

yaratıyor varsayalım. enter image description here

+2

Bu cevap [Apple'ın kendi kılavuzları] tarafından desteklenmektedir (https://developer.apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/): 'Standart bir çözünürlüğe sahip olduğunuzu varsayalım @ Örneğin, 100px ile 1x görüntü. Bu görüntünün @ 2x versiyonu 200px 200px olacaktır. @ 3x sürümü 300px 300px olacaktır. ' – RoberRM

+1

Çok güzel açıkladı, bu cevap olarak kabul edilmelidir .. ve bunun için bir +1 .. –

+1

Ama görüntüleri 1x, 2x ve 3x boyutlarında tutmanın amacı nedir? Neden sadece 3x.Sistem 2x ve 1x ekran çözünürlükleri için otomatik olarak çözer. Bu şekilde uygulama boyutunuz azalır mı? – crypt

5

Evet, anlayışınız doğru.

Standart bir çözünürlükte görüntü 1.0'ın ölçek faktörüne sahiptir ve @ 1x görüntüsü olarak adlandırılır. Yüksek çözünürlüklü görüntüler 2.0 veya 3.0 ölçek faktörüne sahiptir ve @ 2x ve @ 3x görüntüleri olarak adlandırılır. Örneğin, 100px × 100px boyutunda standart bir çözünürlükte @ 1x görüntü aldığınızı varsayalım. Bu resmin @ 2x sürümü 200px × 200px olacaktır. @ 3x versiyonu 300px × 300px olacaktır. Bu bağlantıyı tamamen doğrudur https://developer.apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/

+0

bana bu http://stackoverflow.com/questions/43995059/how-to-add-images-for-different-screen-size-from-assets-xcassets-in-xcode-8 yardımcı olabilir misiniz? –

İlgili konular