讓應(yīng)用支持新iPad的Retina顯示屏方法

上周起大家伙紛紛開始上手第三代iPad了。由于新iPad采用了Retina顯示屏，分辨率較上一代iPad增加了一倍(譯者：長(zhǎng)寬增加一倍，像素是上一代的四倍)。為了支持新增的這些個(gè)像素，iOS開發(fā)者需要考慮升級(jí)自己的iPad應(yīng)用，我在下文列舉了一些必須注意的事項(xiàng)。

一、應(yīng)用圖片

標(biāo)準(zhǔn)iOS控件里的圖片資源，蘋果已經(jīng)做了相應(yīng)的升級(jí)，我們需要操心的是應(yīng)用自己的圖片資源。就像當(dāng)初為了支持iPhone 4而制作的@2x高分辨率版本(譯者：以下簡(jiǎn)稱高分)圖片一樣，我們要為iPad應(yīng)用中的圖片制作對(duì)應(yīng)的高分版本。我知道不少開發(fā)者很有預(yù)見性的早在iOS 5.0 SDK上就完成了這一步升級(jí)。可是我還是要強(qiáng)調(diào)一點(diǎn)，那就是之前 Michael Jurewitz在推特上提到過(guò)的：

— 如果想讓你的高分圖片顯示在新iPad上，你必須用Xcode 4.3.1 連同iOS 5.1 SDK編譯!
?

二、應(yīng)用圖標(biāo)

接下來(lái)肯定就是為應(yīng)用主圖標(biāo)制作高分版本了，因?yàn)榈头职娴膱D標(biāo)在新iPad桌面上看起來(lái)會(huì)慘不忍睹。為了支持更多的iOS設(shè)備、更高分辨率的屏幕，iOS開發(fā)者需要為自己的應(yīng)用準(zhǔn)備各種尺寸的主程序圖標(biāo)文件，而且這個(gè)文件列表貌似會(huì)越來(lái)越長(zhǎng)越來(lái)越長(zhǎng)……(譯者：嘆氣～)。詳情請(qǐng)參考最新的蘋果開發(fā)者文檔 iOS App Programming Guide 和 iOS Human Interface Guidelines 。從官方文檔中，我找出來(lái)針對(duì)新iPad的Retina顯示屏我們需要準(zhǔn)備的東西：

iPad主應(yīng)用圖標(biāo) (144×144像素)：之前用在iPad 1、2代上的是72×72 像素?，F(xiàn)在我們需要額外的@2x版本(144×144 像素)。

iPad搜索結(jié)果圖標(biāo) (100×100像素)：這個(gè)圖標(biāo)出現(xiàn)在系統(tǒng)搜索結(jié)果中(譯者注：還有在系統(tǒng)設(shè)置中，如果應(yīng)用支持的話)。之前版本用的是50×50像素，現(xiàn)在@2x版本需要100×100像素。

文件命名和Info.plist文件：

根據(jù)你的應(yīng)用需要支持的iOS最低版本不同，你可能需要在Info.plist文件中指定圖標(biāo)文件名，或者是按照蘋果的規(guī)范命名不同版本的主圖標(biāo)文件。最悲催的情況恐怕就是，你搞的是一個(gè)即可跑在iPhone也可跑在iPad上的通用應(yīng)用(universal app)，并且你打算支持iOS 3.1.x甚至更早的版本(譯者：其實(shí)現(xiàn)在iOS 4.0及以上版本的設(shè)備普及率已經(jīng)很高了，完全沒有必要支持古董級(jí)的版本，咱又不是Android)。因?yàn)閕OS 3.2之前是不支持在Info.plist文件里面指定圖標(biāo)文件的，所以你得使用蘋果指定的規(guī)范去命名圖標(biāo)文件。一個(gè)完整的列表差不多就是下面這個(gè)樣子：

● Icon.png – 57×57 iPhone應(yīng)用圖標(biāo)

● Icon@2x.png – 114×114 iPhone Retina顯示屏應(yīng)用圖標(biāo)

● Icon-72.png – 72×72 iPad應(yīng)用圖標(biāo)

● Icon-72@2x.png - 144×144 iPad Retina顯示屏應(yīng)用圖標(biāo)

● Icon-Small.png – 29×29 iPhone 系統(tǒng)設(shè)置和搜索結(jié)果圖標(biāo)

● Icon-Small@2x.png – 58×58 iPhone Retina顯示屏 系統(tǒng)設(shè)置和搜索結(jié)果圖標(biāo)

● Icon-Small-50.png – 50×50 iPad 系統(tǒng)設(shè)置和搜索結(jié)果圖標(biāo)

● Icon-Small-50@2x.png – 100×100 iPad Retina顯示屏 系統(tǒng)設(shè)置和搜索結(jié)果圖標(biāo)

如果你的應(yīng)用僅兼容iOS 3.2及之后的版本，那么你可以在Info.plist文件里面指定圖標(biāo)文件，你不用遵守上面的命名規(guī)范，當(dāng)然你非要那么命名也沒有問(wèn)題(譯者：為了便于和美工溝通和日后項(xiàng)目資源的管理，還是建議遵循這套規(guī)范)。在iOS 3.2中，蘋果在Info.plist文件中引入了CFBundleIconFiles鍵，在此其中你可以直接指定應(yīng)用圖標(biāo)的各種版本。如果你忽略了.png的后綴名，那么你也可以忽略高分版本圖片的@2x部分，系統(tǒng)會(huì)自動(dòng)匹配。

蘋果在iOS 5.0中為了支持報(bào)刊雜志(Newsstand)功能，再次引入了一個(gè)新的鍵 CFBundleIcons，這讓事情變得更加復(fù)雜起來(lái)(譯者：再次嘆氣～)。這個(gè)鍵下含有子鍵CFBundlePrimaryIcon，里面的CFBundleIconFiles子鍵保存著在此之前保存在Info.plist根節(jié)點(diǎn)CFBundleIconFiles鍵里面的內(nèi)容。如果你的應(yīng)用僅支持iOS 5.0及之后版本，那么用一個(gè) CFBundleIcons鍵就可以，否則的話你還需要同時(shí)保留CFBundleIconFiles鍵和相關(guān)內(nèi)容。

(譯者：這里原文講述稍微有點(diǎn)偏差，未提到CFBundlePrimaryIcon，而且比較混亂，令人費(fèi)解。其實(shí)在Xcode里面以默認(rèn)方式打開Info.plist看到的會(huì)是Icon Files和Icon Files(iOS 5)兩組鍵)

總之，為了做到向后兼容，這個(gè)環(huán)節(jié)會(huì)給開發(fā)者帶來(lái)一點(diǎn)小混亂，相當(dāng)容易犯錯(cuò)。所以，建議開發(fā)者針對(duì)不同的設(shè)備、屏幕組合多做測(cè)試。

三、應(yīng)用商店截屏圖片

蘋果近期對(duì)應(yīng)用提交做出了規(guī)則調(diào)整，如若是iPhone、iPod touch應(yīng)用，必須提交Retina顯示屏高分版本的應(yīng)用屏幕截圖。具體圖片尺寸要求如下 (前面的尺寸是含系統(tǒng)狀態(tài)欄情況下的截圖):

- 橫屏: 960×640 或 960×600

- 豎屏: 640×960 或 640×920

目前蘋果尚未對(duì)iPad應(yīng)用提交也做出類似要求，但是為了讓你的應(yīng)用截圖在新iPad上看起來(lái)呼之欲出，現(xiàn)在是時(shí)候考慮使用高分版本截圖了。對(duì)應(yīng)的截圖尺寸如下 (前面的尺寸是含有狀態(tài)欄情況下的截圖):

- 橫屏: 2048×1536 或 2048×1496像素

- 豎屏: 1536×2048 或 1536×2008像素

譯者注：原文評(píng)論中有人做了補(bǔ)充的，運(yùn)行時(shí)的載入畫面，針對(duì)新iPad屏幕也需要準(zhǔn)備，文件命名和尺寸要求：

- 橫屏: Default-Landscape@2x~ipad.png (2048×1496像素)

- 豎屏: Default-Portrait@2x~ipad.png (1536×2008像素)