iPhone X官方文件的適配學習詳解

iPhone X官方文件的適配學習詳解

前言

官方文件原文地址:連結,iPhone X在文中均用iPX來表示,iPhone 7在文中均用iP7來表示

螢幕尺寸

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

佈局

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