轉(zhuǎn)載自：http://www.cnblogs.com/BigPolarBear/archive/2012/03/26/2417777.html

?

都說做iOS開發(fā)比Android省心，那么iOS是如何做到這一點的呢？我們今天就來分析一下，希望對做iOS的界面設(shè)計的同學(xué)有點幫助。

?

1 iOS設(shè)備的分辨率

iOS設(shè)備，目前最主要的有3種（Apple TV等不在此討論），按分辨率分為兩類

iPhone/iPod Touch

普屏分辨率????320像素 x 480像素

Retina分辨率 640像素 x 960像素

iPad,iPad2/New iPad

普屏 ???????768像素 x 1024像素

Retina屏 ?1536像素 x 2048像素

2 ?iOS設(shè)計時用的點與分辨率的關(guān)系

盡管有上面列出的4種分辨率情況，不過細(xì)心的人會發(fā)現(xiàn)，對于Retina屏的分辨率始終保持為普屏的2倍，這對于iOS的設(shè)計還是開發(fā)的時候提供的莫大的方便，自然可以想到對于界面設(shè)計而言，只需要設(shè)計一套，然后進(jìn)行等比例放大縮小即可。實際進(jìn)行設(shè)計與開發(fā)的時候，也確實是這樣，Apple為了防止在交流過程中（尤其對于編程實現(xiàn)）分辨率對思維的迷惑，統(tǒng)一使用 點（Point） 對界面元素的大小進(jìn)行描述，例如：?

iPhone/iPod Touch

界面描述 ? ?320點 x 480點

iPhone/iPad

界面描述 ? ?768點 x 1024點

換算關(guān)系?

普屏 ??????1點 = 1像素?

Retina屏 1點 = 2像素?

這樣，不管我們是在為普屏還是Retina屏進(jìn)行設(shè)計與開發(fā)，我們都可以清楚地，并且統(tǒng)一地使用點對界面元素的大小進(jìn)行描述了。

3 ?iOS界面圖片的命名

現(xiàn)在我們能夠用統(tǒng)一的語言描述兩種屏幕的界面元素的大小，但是我們?nèi)绾吾槍Σ煌聊辉O(shè)置不同分辨率的圖片素材呢？難道說開發(fā)的時候我們要在每一個圖片加載的地方進(jìn)行，添加判斷當(dāng)前設(shè)備是否是Retina屏的語句，然后加載對應(yīng)的圖片嗎？當(dāng)然可以這樣做，但是iOS有一套更簡便的方法進(jìn)行自動加載，即通過規(guī)范的文件名命名。例如下面這條加載圖片的語句：

[UIImage?imageNamed: @" pic.png " ]] ?

在實際運(yùn)行時，如果發(fā)現(xiàn)當(dāng)前的設(shè)備是Retina屏，會自動尋找圖片"pic@2x.png" ，自動加載針對Retina屏的圖片素材，是不是很方便呢？

所以，我們在制作iOS設(shè)備時，可以仿照下面這樣，對圖片文件進(jìn)行分類，對于640x960文件夾里的圖片，文件命名添加"@2x"即可。

?

4 ?iOS應(yīng)用常用圖標(biāo)的命名規(guī)范

可以參考下面兩個文檔：

Apple對此問題的Q&A ?

Apple的官方說明文檔

請務(wù)必按照文檔中描述的規(guī)范進(jìn)行圖標(biāo)的命名！！

?

PS：一些額外的圖標(biāo)參考

a 圖標(biāo)會自動添加高亮效果，如果不需要，可以在plist中明確指定 UIPrerenderedIcon 的鍵值去掉

b 57像素的普屏的iPhone圖標(biāo)，圖標(biāo)圓角的半徑為10像素

c 114像素Retina屏的iPhone圖標(biāo)，圖標(biāo)圓角的半徑為20像素

d 512像素的用于iTunes/App Store的圖標(biāo)，在實際顯示是會被縮放到175像素進(jìn)行顯示（但提交是不可以提交175像素）

e 72像素的普屏iPad圖標(biāo)，圖標(biāo)圓角的半徑為13像素

f 144像素Retina屏iPad圖標(biāo)，圖標(biāo)圓角的半徑為26像素

g 50像素iPad的Spotlight搜索圖標(biāo)的最終視覺大小是48像素，原因是iOS會對圖標(biāo)的每個邊去掉1個像素，添加陰影效果

h 100像素Retina屏的Spotlight搜索圖標(biāo)的最終視覺大小是96像素，原因同上，這次是每邊減2個像素

IOS 關(guān)于分辨率的那點事