脫水技術(shù)文！聊聊iPhone6分辨率與適配

蘋(píng)果春晚剛結(jié)束，就有同學(xué)針對(duì)iPhone6?給出了分辨率適配的方法，純脫水技術(shù)文，趕緊來(lái)學(xué)習(xí)一下！

開(kāi)篇先送個(gè)寶貝：是不是被各種分辨率搞暈了？ 看看這個(gè)，一張大圖標(biāo)全面解析6 6plus分辨率→ http://www.paintcodeapp.com/news/iphone-6-screens-demystified

經(jīng)新xcode6模擬器驗(yàn)證（分辨率為pt，像素為真實(shí)pixel）：

1. iPhone5分辨率320x568，像素640x1136，@2x
2. iPhone6分辨率375x667，像素750x1334，@2x
3. iPhone6 Plus分辨率414x736，像素1242x2208，@3x，（注意，在這個(gè)分辨率下渲染后，圖像等比降低pixel分辨率至1080p（1080x1920））

強(qiáng)烈推薦《IPHONE 6來(lái)了！如何改進(jìn)工作流讓設(shè)計(jì)稿支持多個(gè)尺寸？》

自動(dòng)適配

不處理時(shí)自動(dòng)等比拉伸，如果在老工程打印屏幕frame，依然是320x568

對(duì)比自動(dòng)適配的和完美適配的導(dǎo)航欄就能看出問(wèn)題：

因?yàn)槔焖詴?huì)有一些虛，導(dǎo)航欄明顯比64要大，但相比3.5寸到4寸的留黑邊還是好很多。

如何關(guān)閉自動(dòng)適配方案呢？這個(gè)還是老思路，換啟動(dòng)圖：

除了換啟動(dòng)圖外，不得不說(shuō)的是，新Xcode中可以使用一個(gè)xib來(lái)設(shè)置啟動(dòng)圖：

不過(guò)這個(gè)xib不能關(guān)聯(lián)任何的代碼（不能自定義View的Class，不能IBOutlet，不能加Object），可以理解成這個(gè)xib就是一張截圖，這個(gè)方案的好處在于可以使用到Size Classes來(lái)針對(duì)不同屏幕布局這個(gè)xib（感興趣可以看《Size Classes初探》）

關(guān)于手動(dòng)適配

只要手動(dòng)指定了啟動(dòng)圖或者那個(gè)xib，屏幕分辨率就已經(jīng)變成應(yīng)有的大小了，老代碼中所有關(guān)于寫(xiě)死frame值的代碼通通倒霉，如果去手動(dòng)適配就要全部適配，建議在找到個(gè)可行方案前先不要做修改，自動(dòng)適配方案還算不影響使用。

面對(duì)4個(gè)分辨率的iPhone，建議使用Auto Layout布局 + Image Assets管理各個(gè)分辨率的圖片 + Interface Builder（xib+storyboard）構(gòu)建UI，Size Classes在低版本iOS系統(tǒng)的表現(xiàn)未知。想要這套手動(dòng)適配方案，起碼你的工程需要部署在iOS6+，還不用AutoLayout布局的會(huì)死的蠻慘。

關(guān)于Xcode6

1. 模擬器路徑被換成了 ~/Library/Developer/CoreSimulator/Devices/
2. xcode6中已經(jīng)找不到iOS6的模擬器了，是時(shí)候說(shuō)服大家放棄iOS7-了
3. 現(xiàn)在起提交App Store強(qiáng)制需要支持64位，是時(shí)候梳理一遍所有依賴的第三方lib，更新到64位

One more thing…按這名命的規(guī)律…

通俗易懂的技術(shù)文推薦！

成為專(zhuān)業(yè)設(shè)計(jì)師必學(xué)的13條高階技巧！
《專(zhuān)業(yè)之路：13條PS高階技巧》

魅族工程師給小白科普48 dp定律！
《小白科普：UI設(shè)計(jì)中的48dp定律》

超難的曲線居然能講得這么簡(jiǎn)單有趣！
《后期之王！教你輕松掌握PS曲線工具（附大神實(shí)操曲線圖）》

原文地址：blog.sunnyxx
uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量77萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：