適配iPhone XR/iPhone XS Max(iOS)

快速適配先說(shuō)結(jié)論韩肝,找設(shè)計(jì)師要2張啟動(dòng)圖:
iPhone XR:828px x 1792px
iPhone XS Max: 1242px x 2688px

代碼中使用了屏幕size判斷是否是iPhone X的需要修改,請(qǐng)翻到最后缠沈。

LaunchImage中只有iPhone X/iPhone XS

XCode GM Bug?

項(xiàng)目中使用LaunchImage來(lái)做啟動(dòng)圖层玲,那么有可能在XCode GM的LaunchImage中會(huì)出現(xiàn)只有iPhone X/iPhone XS啟動(dòng)圖界轩,并且iOS 8.0 and Later 沒(méi)有被選中,并且沒(méi)有iPhone XR/iPhone XS Max玩荠,需要手動(dòng)選擇一下iOS 8.0 and Later漆腌,才會(huì)出現(xiàn)iPhone XR/iPhone XS Max啟動(dòng)圖。 這可能是XCode GM中的一個(gè)Bug阶冈。

XCode9 LaunchImage

<figure>[圖片上傳失敗...(image-236319-1539309851805)]

<figcaption></figcaption>

</figure>

XCode10 GM LaunchImage iOS 8.0 and Later 沒(méi)有被選中

<figure>[圖片上傳失敗...(image-4f7273-1539309851805)]

<figcaption></figcaption>

</figure>

XCode10 GM LaunchImage iOS 8.0 and Later 手動(dòng)選中才出現(xiàn) iPhone XR/iPhone XS Max

<figure>[圖片上傳失敗...(image-c358a5-1539309851805)]

<figcaption></figcaption>

</figure>

iPhone XR / XS Max 對(duì)老版本兼容請(qǐng)求

如果沒(méi)有設(shè)置iPhone XR/iPhone XS Max啟動(dòng)圖但設(shè)置了iPhone X的啟動(dòng)圖闷尿,iPhone XR / XS Max默認(rèn)會(huì)走iPhone X 的尺寸375ptx812pt,會(huì)對(duì)內(nèi)容近乎于等比拉伸放到iPhone XR / XS Max屏幕內(nèi)女坑,如下圖:

<figure>[圖片上傳失敗...(image-d42e95-1539309851805)]

<figcaption></figcaption>

</figure>

這里為什么說(shuō)是近乎于等比拉伸: iPhone X 高寬比:812/375 = 2.16533333 iPhone XR 和 iPhone XS Max 高寬比:896/414 = 2.16425121

iPhone XR / XS Max 屏幕尺寸

<figure>[圖片上傳失敗...(image-61f2ae-1539309851805)]

<figcaption></figcaption>

</figure>

型號(hào) 邏輯尺寸 系數(shù) 分辨率
iPhone XR 414pt x 896pt @2 828px x 1792px
iPhone XS Max 414pt x 896pt @3 1242px x 2688px

當(dāng)時(shí)看發(fā)布會(huì)覺(jué)得XR 828px的分辨率有點(diǎn)奇怪填具,現(xiàn)在看來(lái)并不是蘋(píng)果不想做720或1080,而是有照顧開(kāi)發(fā)工程師的目的堂飞。 XR 和 XS Max 在邏輯大小上非常統(tǒng)一2x灌旧,3x就夠了,也不用做其他的切圖绰筛。

所以現(xiàn)在只是需要設(shè)計(jì)師給2張效果圖:
iPhone XR:828px x 1792px
iPhone XS Max: 1242px x 2688px

Tips

1. 代碼中判斷是否是iPhone X時(shí)需要注意

如果你以前是使用設(shè)備尺寸來(lái)判斷iPhone X那就需要修改了枢泰,判斷iPhone X主要是因?yàn)閯⒑5脑蚩赡芤鲂┨厥馓幚怼hb于iPhone X/XS/XR/XS Max底部都會(huì)有安全距離铝噩,所以可以利用safeAreaInsets.bottom > 0.0來(lái)判斷是否是iPhone X/XS/XR/XS Max衡蚂。

safeAreaInsets支持iOS11及以后。

static inline BOOL isIPhoneXSeries() {
    BOOL iPhoneXSeries = NO;
    if (UIDevice.currentDevice.userInterfaceIdiom != UIUserInterfaceIdiomPhone) {
        return iPhoneXSeries;
    }

    if (@available(iOS 11.0, *)) {
        UIWindow *mainWindow = [[[UIApplication sharedApplication] delegate] window];
        if (mainWindow.safeAreaInsets.bottom > 0.0) {
            iPhoneXSeries = YES;
        }
    }

    return iPhoneXSeries;
}

作者:Shanesun
鏈接:https://juejin.im/post/5b9a4b62e51d450e6f2e255b
來(lái)源:掘金
著作權(quán)歸作者所有骏庸。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)毛甲,非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末具被,一起剝皮案震驚了整個(gè)濱河市玻募,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌一姿,老刑警劉巖七咧,帶你破解...
    沈念sama閱讀 218,941評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件跃惫,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡艾栋,警方通過(guò)查閱死者的電腦和手機(jī)爆存,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,397評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)蝗砾,“玉大人先较,你說(shuō)我怎么就攤上這事〉苛福” “怎么了闲勺?”我有些...
    開(kāi)封第一講書(shū)人閱讀 165,345評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)矮锈。 經(jīng)常有香客問(wèn)我霉翔,道長(zhǎng),這世上最難降的妖魔是什么苞笨? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,851評(píng)論 1 295
  • 正文 為了忘掉前任债朵,我火速辦了婚禮,結(jié)果婚禮上瀑凝,老公的妹妹穿的比我還像新娘序芦。我一直安慰自己,他們只是感情好粤咪,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,868評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布谚中。 她就那樣靜靜地躺著,像睡著了一般寥枝。 火紅的嫁衣襯著肌膚如雪宪塔。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 51,688評(píng)論 1 305
  • 那天囊拜,我揣著相機(jī)與錄音某筐,去河邊找鬼。 笑死冠跷,一個(gè)胖子當(dāng)著我的面吹牛南誊,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蜜托,決...
    沈念sama閱讀 40,414評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼抄囚,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了橄务?” 一聲冷哼從身側(cè)響起幔托,我...
    開(kāi)封第一講書(shū)人閱讀 39,319評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蜂挪,沒(méi)想到半個(gè)月后柑司,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體迫肖,經(jīng)...
    沈念sama閱讀 45,775評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡锅劝,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年攒驰,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片故爵。...
    茶點(diǎn)故事閱讀 40,096評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡玻粪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出诬垂,到底是詐尸還是另有隱情劲室,我是刑警寧澤,帶...
    沈念sama閱讀 35,789評(píng)論 5 346
  • 正文 年R本政府宣布结窘,位于F島的核電站很洋,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏隧枫。R本人自食惡果不足惜喉磁,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,437評(píng)論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望官脓。 院中可真熱鬧协怒,春花似錦、人聲如沸卑笨。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,993評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)赤兴。三九已至妖滔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間桶良,已是汗流浹背座舍。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,107評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留艺普,地道東北人簸州。 一個(gè)月前我還...
    沈念sama閱讀 48,308評(píng)論 3 372
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像歧譬,于是被迫代替她去往敵國(guó)和親岸浑。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,037評(píng)論 2 355

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

  • “你為什么會(huì)干這個(gè)瑰步?” 這是我干農(nóng)場(chǎng)一年來(lái)矢洲,被問(wèn)過(guò)最多的問(wèn)題。以至于好像自己都快不記得說(shuō)過(guò)多少種答案了缩焦,因?yàn)槊鎸?duì)不...
    吳偉平閱讀 800評(píng)論 1 2
  • 昨天剛下載簡(jiǎn)書(shū)读虏,想一點(diǎn)點(diǎn)寫(xiě)下去责静。只是有想寫(xiě)東西的念頭,卻沒(méi)有寫(xiě)的構(gòu)思和素材盖桥。于是就在網(wǎng)上找一些文章看灾螃,在某個(gè)網(wǎng)站上...
    林沐瞳閱讀 696評(píng)論 0 1
  • 記在小本本上的 git 操作 標(biāo)簽: git 查看 git 配置信息 設(shè)置 git 配置信息 全局設(shè)置 修改當(dāng)前項(xiàng)...
    一顆板栗_閱讀 290評(píng)論 0 8