iPhone X官方文檔的適配學(xué)習(xí)詳解
前言
官方文檔原文地址:鏈接,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)改變了,如果布局沒有使用系統(tǒng)的導(dǎo)航欄,或者布局是依照導(dǎo)航欄來(lái)的,那么需要重新適配一下.另外當(dāng)用戶處于后臺(tái)模式(定位,通話等)時(shí),iPX的狀態(tài)欄高度不會(huì)改變.
- 由于iPX高度改變了,自上而下布局最好能根據(jù)開發(fā)者的經(jīng)驗(yàn)改為比如說(shuō)底部控件根據(jù)屏幕底部約束.
- 注意素材的寬高比例,比如填充控制器的背景.
- 避免將交互式控件和手勢(shì)放在屏幕邊緣.
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
IOS設(shè)置QQ小紅點(diǎn)消除的方法(一鍵退朝)
這篇文章主要介紹了IOS設(shè)置QQ小紅點(diǎn)消除的方法(一鍵退朝),對(duì)ios設(shè)置小紅點(diǎn)消除相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01iOS三級(jí)聯(lián)動(dòng)選擇器的實(shí)現(xiàn)代碼示例
本篇文章主要介紹了iOS三級(jí)聯(lián)動(dòng)選擇器的實(shí)現(xiàn)代碼示例,這里整理了詳細(xì)的代碼,有需要的小伙伴可以參考下2017-09-09在iOS10系統(tǒng)中微信后退無(wú)法發(fā)起ajax請(qǐng)求的問題解決辦法
這篇文章主要介紹了在iOS10系統(tǒng)中微信后退無(wú)法發(fā)起ajax請(qǐng)求的問題解決辦法,一般可以通過延時(shí)發(fā)送請(qǐng)求解決,下面通過本文給大家分享下解決辦法,需要的朋友參考下吧2017-01-01IOS開發(fā)實(shí)現(xiàn)手機(jī)震動(dòng)的提示實(shí)例代碼
這篇文章主要介紹了IOS開發(fā)實(shí)現(xiàn)手機(jī)震動(dòng)的提示實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-04-04iOS開發(fā)中Subview的事件響應(yīng)以及獲取subview的方法
這篇文章主要介紹了iOS開發(fā)中Subview的事件響應(yīng)以及獲取subview的方法,代碼基于傳統(tǒng)的Objective-C,需要的朋友可以參考下2015-09-09