前言

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

屏幕尺寸

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

布局

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

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。