iOS適配iPhoneX

iPhoneX已經(jīng)發(fā)售帝雇,作為苦逼iOS開發(fā)程序員又要開始適配工作。

先說明因為本人開發(fā)的app只有豎屏顯示彻亲,所以只介紹下個人豎屏適配的方法吮廉。

步入正題:

第一步

如圖先給項目的LaunchImage加個啟動圖片宦芦。勾選“Portrait”屬性如圖紅框所示。勾選后會多一個給iPhoneX的添加啟動圖的圖片填充框调卑。在次框中放入一張1125*2436的啟動圖。當然啟動圖就需要我們的公司的UI大神給了注益。然后啟動你iPhoneX你會發(fā)現(xiàn)iPhoneX的耳朵已經(jīng)填充溯捆,底部的tabbar也多了條黑線。

當然有的人是使用xib或者storyboard來當啟動圖的,就沒有所說的:耳朵留黑與底部沒有黑條的情況煮仇,但是在iPhoneX上運行會發(fā)現(xiàn)啟動圖的底部留白比其他設(shè)備要多出來很多谎仲,個人比較搓的解決方案是針對iPhoneX做特殊處理頂部多30個的偏移。

第二步

啟動圖弄好了强重,那就要針對ViewController里面的控件寬高做適配,我喜歡手寫代碼很少使用Storyboard來開發(fā)佃声,所以我按設(shè)計稿的比例倘要,來縮放控件在不同設(shè)備上的寬高。比如:設(shè)計稿的寬高比例是375:667(大部分設(shè)計師都是以iPhone6的邏輯比例做設(shè)計稿)封拧,那么實際設(shè)備上,控件的高就是((設(shè)計稿控件高度/667.0f)*[UIScreen mainScreen].bounds.size.height)曹铃。


我一般會寫個宏:

#define? IPH(asd) ((asd/667.0f)*[UIScreen mainScreen].bounds.size.height)

asd表示設(shè)計稿上控件的高度捧杉。

類似的寬度同理

#define? IPW(asd) ((asd/375.0f)*[UIScreen mainScreen].bounds.size.width)

asd:表示設(shè)計稿上控件的寬度


這種按設(shè)計稿比例來縮放的適配方法,來適配除iPhoneX的設(shè)備還算過得去味抖,但是用這種方法適配iPhoneX會發(fā)現(xiàn)高度的計算不是很正確,經(jīng)過我的一些研究發(fā)現(xiàn)iPhoneX去掉耳朵的高度與底部黑線的高度正好是設(shè)計稿(大部分設(shè)計師都是以iPhone6的邏輯比例做設(shè)計稿)的@3x比例忍坷。去掉頭部與底部就是蘋果說的"safe area"(這是我的個人理解熔脂,可能是錯的??)佩研。

所以按照這個說法,iPhoneX去打頭部耳朵的高度與底部黑線的高度也是@3x的比例锤悄。那么頭部高多少韧骗,底部又是高多少呢嘉抒?iOS11出現(xiàn)一個新的屬性safeAreaInsets,這個屬性的值是UIEdgeInsets(top: 88.0, left: 0.0, bottom: 34.0, right: 0.0)零聚,由此可見iPhoneX的高度[UIScreen mainScreen].bounds.size.height-88-34 那就正好的@3x了。

當然storyboard好像要好適配一些×ブⅲ看來我也要多用storyboard了政模。

還有一個要補充就是那些把導航欄隱藏的界面要做特殊處理。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末蚂会,一起剝皮案震驚了整個濱河市淋样,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌胁住,老刑警劉巖趁猴,帶你破解...
    沈念sama閱讀 211,817評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件彪见,死亡現(xiàn)場離奇詭異余指,居然都是意外死亡,警方通過查閱死者的電腦和手機碉碉,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,329評論 3 385
  • 文/潘曉璐 我一進店門垢粮,熙熙樓的掌柜王于貴愁眉苦臉地迎上來足丢,“玉大人庇配,你說我怎么就攤上這事捞慌。” “怎么了袖订?”我有些...
    開封第一講書人閱讀 157,354評論 0 348
  • 文/不壞的土叔 我叫張陵洛姑,是天一觀的道長楞艾。 經(jīng)常有香客問我,道長蕴侧,這世上最難降的妖魔是什么两入? 我笑而不...
    開封第一講書人閱讀 56,498評論 1 284
  • 正文 為了忘掉前任择葡,我火速辦了婚禮刁岸,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘虹曙。我一直安慰自己酝碳,他們只是感情好疏哗,可當我...
    茶點故事閱讀 65,600評論 6 386
  • 文/花漫 我一把揭開白布返奉。 她就那樣靜靜地躺著芽偏,像睡著了一般弦讽。 火紅的嫁衣襯著肌膚如雪往产。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,829評論 1 290
  • 那天锐朴,我揣著相機與錄音焚志,去河邊找鬼。 笑死,一個胖子當著我的面吹牛岳悟,可吹牛的內(nèi)容都是我干的泼差。 我是一名探鬼主播,決...
    沈念sama閱讀 38,979評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼滔灶,長吁一口氣:“原來是場噩夢啊……” “哼录平!你這毒婦竟也來了斗这?” 一聲冷哼從身側(cè)響起啤斗,我...
    開封第一講書人閱讀 37,722評論 0 266
  • 序言:老撾萬榮一對情侶失蹤免钻,失蹤者是張志新(化名)和其女友劉穎崔拥,沒想到半個月后链瓦,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,189評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡稽揭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,519評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了揪胃。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,654評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡随闪,死狀恐怖铐伴,靈堂內(nèi)的尸體忽然破棺而出当宴,到底是詐尸還是另有隱情泽疆,我是刑警寧澤,帶...
    沈念sama閱讀 34,329評論 4 330
  • 正文 年R本政府宣布梯浪,位于F島的核電站驱证,受9級特大地震影響抹锄,放射性物質(zhì)發(fā)生泄漏荠藤。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,940評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望淤井。 院中可真熱鬧币狠,春花似錦、人聲如沸贱案。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,762評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽厉膀。三九已至,卻和暖如春汰具,著一層夾襖步出監(jiān)牢的瞬間菱魔,已是汗流浹背澜倦。 一陣腳步聲響...
    開封第一講書人閱讀 31,993評論 1 266
  • 我被黑心中介騙來泰國打工藻治, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留桩卵,地道東北人雏节。 一個月前我還...
    沈念sama閱讀 46,382評論 2 360
  • 正文 我出身青樓高职,卻偏偏與公主長得像,于是被迫代替她去往敵國和親寥粹。 傳聞我的和親對象是個殘疾皇子埃元,可洞房花燭夜當晚...
    茶點故事閱讀 43,543評論 2 349

推薦閱讀更多精彩內(nèi)容