前言

官方文檔原文地址:鏈接,iPhone X在文中均用iPX來(lái)表示,iPhone 7在文中均用iP7來(lái)表示

屏幕尺寸

iPX的屏幕尺寸是2436px×1125px（812pt×375pt @ 3x）,也就是說(shuō)我們依然使用的是3x的素材應(yīng)該影響不大,他和iP7在寬度上是一致的,但是高度上多了145個(gè)點(diǎn).

布局

• 最好在真機(jī)上預(yù)覽一下布局.
• 布局需要延伸到邊緣,另外在縱向高度上最好可以根據(jù)不同情境滾動(dòng).
• 狀態(tài)欄的高度已經(jīng)改變了,如果布局沒(méi)有使用系統(tǒng)的導(dǎo)航欄,或者布局是依照導(dǎo)航欄來(lái)的,那么需要重新適配一下.另外當(dāng)用戶處于后臺(tái)模式(定位,通話等)時(shí),iPX的狀態(tài)欄高度不會(huì)改變.
• 由于iPX高度改變了,自上而下布局最好能根據(jù)開(kāi)發(fā)者的經(jīng)驗(yàn)改為比如說(shuō)底部控件根據(jù)屏幕底部約束.
• 注意素材的寬高比例,比如填充控制器的背景.
• 避免將交互式控件和手勢(shì)放在屏幕邊緣.

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持服務(wù)器之家。

原文鏈接：http://www.jianshu.com/p/5a474f237344?utm_source=tuicool&utm_medium=referral