iOS端最全適配

每年iPhone都在迭代,而我們都在關(guān)心的,是不是又要有新的尺寸出來作妖哈哈哈哈。下面基于2019年iOS的詳細情況,從參數(shù)理解、現(xiàn)有分辨率狀況、頁面設(shè)計注意事項(即安全區(qū)域)三方面來理解iOS適配。

01.?先了解三個參數(shù)

渲染像素,屏幕截圖的圖片尺寸,單位px

邏輯像素,程序員開發(fā)所用尺寸,單位pt

倍率,渲染像素/邏輯像素,便是倍率,常見2X,3X等


02.?iPhone分辨率現(xiàn)狀

整體上把現(xiàn)有的iOS屏幕分為兩大類,非全面屏和全面屏

非全面屏:包含數(shù)字系列(6、6s、7、8)和Plus系列(6 Plus、6s Plus、7 Plus、8 Plus),5s、SE的尺寸由于市場占有率低的原因,適配可忽略。

數(shù)字系列,屏幕為4.7英寸,750x1334、2X(375x667)

Plus系列,屏幕為5.5英寸,1242x2208,(414x736)

奇葩的Plus系列,蘋果官方給出的物理像素點是1080x1920,但試著截一張圖就會發(fā)現(xiàn),圖片尺寸為1242x2208,即既邏輯像素為414x736,所以此處就以414x736的尺寸做設(shè)計圖。

全面屏系列:按照屏幕尺寸,可以分為三類,即屏幕尺寸為5.8英寸、6.1英寸和6.5英寸。

5.8英寸屏幕:包含 iPhone ?X、iPhone XS、iPhone 11 Pro,1125x2436,(375x812)3X

6.1英寸屏幕:包含 iPhone XR、iPhone 11,828x1792,(414x896)2X

6.5英寸屏幕:包含 iPhone XS Max、iPhone 11 Pro Max,1242x2688,(414x896)3X

屏幕尺寸總結(jié),iPhone在邏輯像素共有四種,375x667,375x812,414x736,414x896

03.?安全區(qū)域

非全面屏都是矩形,整個屏幕都是安全區(qū)域。

全面屏受到大圓角、劉海以及底部的影響,UI圖更需要考慮安全區(qū)域

頂部44pt、底部34pt

注意頂部和底部的適配

以上

是為 iOS 適配的基礎(chǔ)知識點

內(nèi)容來自公眾號:自言自君

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容