iOS裝置螢幕尺寸和適配

2021-08-02 07:01:54 字數 1480 閱讀 2283

裝置

資源解析度(

畫素)(ui)

設計解析度

(點)(程式開發)

螢幕解析度(

畫素)說明

iphone6p

/6sp

2208 * 1242

736 * 414

1920 * 1080

@3x,

資源縮小1.15倍

401ppi

iphone6

/6s1334 * 750

667 * 375

1334 * 750

@2x,326ppi

iphone5

/5s/5c

(ipod/ipod touch)

1136 * 640

568 * 320

1136 * 640

@2x,326ppi

iphone4/4s

960 * 640

480 * 320

960 * 640

@2x,326ppi

ipad pro

2732 * 2048

1366 * 1024

2732 * 2048

@2x,264ppi

ipad3

ipad air

ipad air2

2048 * 1536

1024 * 768

2048 * 1536

@2x,264ppi

ipad2

1024 * 768

1024 * 768

1024 * 768

@1x,163ppi

ipad mini

1024 * 768

1024 * 768

1024 * 768

@1x,163ppi

ipad mini2

ipad mini4

2048 * 1536

1024 * 768

2048 * 1536

@2x,163ppi

需要注意的是,iphone6和6plus可以設定標準模式和放大模式。在放大模式下,6plus會退化為375x667,此時應該當成iphone6來做適配。而iphone6會退化為320x568,應該當作iphone5來適配。

iphone6plus有兩種顯示模式,標準模式解析度為1242x2208,放大模式解析度為1125x2001(即iphone 6的1.5倍)。

選擇一種尺寸為設計和開發基準

定義一套適配準則,自動適配

特殊適配效果給出設計結果

首先用iphone6(寬750px)做設計,同時等比放大1.5倍生成寬度1125px的設計稿,在1125px的稿子裡切圖.

程式開發用:乙個是程式用到的@3x切圖資源,另乙個是寬度750px的設計標註圖。

完成iphone6(375pt)的介面開發,自動布局的方式,方便繼續是適配到其他尺寸。

螢幕適配:6p(414pt) 5s(320pt)

iOS字型根據不同螢幕尺寸適配

因為檢視使用storyboard 和 xib拖拽進來了,如果需要對不同大小的螢幕進行font 字型適配的話可以使用分類。在load 方法中 利用oc的執行時機制,對所有的 uibutton uilabel 做處理。關鍵 uibutton 按鈕的處理方式 void load id myinitwith...

React Native螢幕尺寸適配

現在的手機品牌和型號越來越多,導致我們平時寫布局的時候會在個不同的移動裝置上顯示的效果不同,比如我們的設計稿乙個view的大小是300,如果直接寫300,可能在當前裝置顯示正常,但到了其他裝置可能就會偏小或者偏大,這就需要我們對螢幕進行適配。安卓原生的話有自己的適配規則,可以根據不同的尺寸建立不同的...

適配 iOS尺寸

蘋果iphone 5主屏尺寸 4英吋螢幕尺寸 iphone 6 plus 5.5英吋的,iphone 6 4.7 英吋的 顯示解析度 1 iphone 6 plus 採用標準的 1920 1080解析度螢幕,ppi值為401 2 iphone 6 則採用了1334 750解析度的螢幕,ppi值為32...