iPhone XS和XR屏幕適配

上周,蘋果發(fā)布了三款新的 iPhone 設(shè)備政供,它們的屏幕數(shù)據(jù)分別如下:

  • iPhone XS: 5.8 英寸尝苇,375pt * 812pt (@3x)闽坡;

  • iPhone XR: 6.1 英寸,414pt * 896pt (@2x)槽驶;

  • iPhone XS Max: 6.5 英寸,414pt * 896pt (@3x);

在國外的 PaintCode 網(wǎng)站上里初,有一篇文章《The Ultimate Guide To iPhone Resolutions》整理了包括從第一代 iPhone 到最新發(fā)布的 iPhone XS Max 等所有 iPhone 設(shè)備的屏幕數(shù)據(jù),包括:開發(fā)尺寸(points)忽舟、物理尺寸(pixels)以及實(shí)際渲染像素双妨、1倍/2倍/3倍模式等,如圖 1 所示(建議大圖查看更加清晰)叮阅。

image

從圖中數(shù)據(jù)我們可以總結(jié)以下幾點(diǎn):

  • 5.8 英寸的 iPhone X/XS 與 6.1 英寸的 iPhone XR 和 6.5 英寸的 iPhone XS Max 的屏幕寬高比是一致的刁品,約為 0.462

  • iPhone X/XS 的屏幕寬度(開發(fā)尺寸)與 4.7 英寸的 iPhone 8 相同浩姥,都為 375pt挑随,只是在高度上增加了 145pt;

  • iPhone XR 和 iPhone XS Max 的屏幕寬度(開發(fā)尺寸)與 5.5 英寸 iPhone 8 Plus 相同及刻,都為 414pt镀裤,只是在高度上增加了 160pt;

因此缴饭,設(shè)計(jì)師在出圖時(shí)暑劝,仍然可以以 iPhone 8 和 iPhone 8 Plus 的屏幕寬度為基準(zhǔn)分別進(jìn)行 UI 布局,而對(duì)于不同高度的屏幕只要在縱向上進(jìn)行內(nèi)容延伸即可颗搂。

適配新的 iPhone X 設(shè)備

此外担猛,我們發(fā)現(xiàn),對(duì)于未進(jìn)行新屏幕尺寸適配的工程丢氢,直接編譯傅联,在新設(shè)備 iPhone XR 和 iPhone XS Max 上運(yùn)行,它們是以放大模式自動(dòng)適配的(以 5.8 寸的 iPhone X 屏幕為基準(zhǔn)等比例放大)疚察,此時(shí)在代碼中獲取到的屏幕寬高都為 375pt * 812pt蒸走。

那么如何正確適配新的屏幕尺寸呢?

  • 如果你的工程是以 LaunchScreen.storyboard 作為啟動(dòng)頁貌嫡,則只需要在 Xcode 10 下重新編譯工程即可比驻;

  • 如果你的工程是通過配置 Assets.xcassets 里的 LaunchImage 不同尺寸的啟動(dòng)圖片作為啟動(dòng)頁该溯,則你需要新增兩張 828px * 1792px 和 1242px * 2688px 分辨率的圖片,如圖 2 所示别惦。

image

最后提一句
xcode10默認(rèn)使用的是新的編譯器狈茉,相比之前的編譯系統(tǒng)會(huì)慢,如果想編譯快的話建議選用Legacy Build System

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末掸掸,一起剝皮案震驚了整個(gè)濱河市氯庆,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌扰付,老刑警劉巖堤撵,帶你破解...
    沈念sama閱讀 206,723評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異羽莺,居然都是意外死亡粒督,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門禽翼,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人族跛,你說我怎么就攤上這事闰挡。” “怎么了礁哄?”我有些...
    開封第一講書人閱讀 152,998評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵长酗,是天一觀的道長。 經(jīng)常有香客問我桐绒,道長夺脾,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,323評(píng)論 1 279
  • 正文 為了忘掉前任茉继,我火速辦了婚禮咧叭,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘烁竭。我一直安慰自己菲茬,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評(píng)論 5 374
  • 文/花漫 我一把揭開白布派撕。 她就那樣靜靜地躺著婉弹,像睡著了一般。 火紅的嫁衣襯著肌膚如雪终吼。 梳的紋絲不亂的頭發(fā)上镀赌,一...
    開封第一講書人閱讀 49,079評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音际跪,去河邊找鬼商佛。 笑死喉钢,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的威彰。 我是一名探鬼主播出牧,決...
    沈念sama閱讀 38,389評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼歇盼!你這毒婦竟也來了舔痕?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,019評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤豹缀,失蹤者是張志新(化名)和其女友劉穎伯复,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體邢笙,經(jīng)...
    沈念sama閱讀 43,519評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡啸如,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了氮惯。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片叮雳。...
    茶點(diǎn)故事閱讀 38,100評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖妇汗,靈堂內(nèi)的尸體忽然破棺而出帘不,到底是詐尸還是另有隱情,我是刑警寧澤杨箭,帶...
    沈念sama閱讀 33,738評(píng)論 4 324
  • 正文 年R本政府宣布寞焙,位于F島的核電站,受9級(jí)特大地震影響互婿,放射性物質(zhì)發(fā)生泄漏捣郊。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評(píng)論 3 307
  • 文/蒙蒙 一慈参、第九天 我趴在偏房一處隱蔽的房頂上張望呛牲。 院中可真熱鬧,春花似錦懂牧、人聲如沸侈净。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽畜侦。三九已至,卻和暖如春躯保,著一層夾襖步出監(jiān)牢的瞬間旋膳,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評(píng)論 1 262
  • 我被黑心中介騙來泰國打工途事, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留验懊,地道東北人擅羞。 一個(gè)月前我還...
    沈念sama閱讀 45,547評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像义图,于是被迫代替她去往敵國和親减俏。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評(píng)論 2 345

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

  • 提起筆卻不知該從何談起的故事。 很慶幸你們?cè)谖业那啻豪锘奶七^怕篷。 曾有過一群很要好的密友历筝,...
    Meki閱讀 154評(píng)論 0 0
  • 第一百二十二章 徐艾這一覺睡得并不踏實(shí)。迷迷糊糊之間感覺自己好像在參加婚禮廊谓,遠(yuǎn)處走來的不是別人正是今天才看見的郭正...
    chief風(fēng)閱讀 433評(píng)論 2 3
  • 一年又一年梳猪,終于再次期待的來到畢業(yè)季,卻發(fā)現(xiàn)更迷茫蒸痹,人生就是這樣春弥,當(dāng)年的當(dāng)年,沒想好未來會(huì)從事什么工作叠荠,所以導(dǎo)致當(dāng)...
    暖如sunflower閱讀 166評(píng)論 4 0
  • 今天出差到慶云和樂陵惕稻,慶云那邊信譽(yù)樓和奧城兩個(gè)商場(chǎng),都不錯(cuò)蝙叛,信譽(yù)樓那邊說不看貨沒法進(jìn),她們有主要的些供應(yīng)商公给,暫時(shí)不...
    c6397a55fadf閱讀 238評(píng)論 0 0