IOS 螢幕尺寸 解析度 點之間的相互關係

2022-10-11 11:33:09 字數 1870 閱讀 1074

ios 裝置現有的解析度如下:

iphone/ipod touch

普通屏                         320畫素 x 480畫素       iphone 1、3g、3gs,ipod touch 1、2、3

3:2 retina 屏           640畫素 x 960畫素       iphone 4、4s,ipod touch 4

16:9 retina 屏         640畫素 x 1136畫素      iphone 5、5s,ipod touch 5

ipad

普通屏         768畫素 x 1024畫素              ipad 1, ipad2,ipad mini

retina屏     1536畫素 x 2048畫素            new ipad,ipad 4

問一:只是解析度不一樣的情況,如一二或者四五相比,開發時提供兩種解析度就可以了,應用自動識別?

答:在 iphone 5 跟 ipod touch 5 沒出之前,對於開發者來說,一二就是解析度不同的區別而已,因為他們都是3.5寸的螢幕。並且,你細心的話會注意到,一二他們的解析度是成倍的關係。

這給 ios 的設計和開發都提供了方便,介面設計只需要設計一套,然後進行等比例放大縮小即可。

為了方便開發人員開發,ios 中統一使用點(point)對介面元素的大小進行描述。

所以對於一跟二,只需把螢幕大小都當成  320 x 480點 進行開發即可,點跟畫素的換算關係如下:

普屏       1點 = 1畫素 

retina屏 1點 = 2畫素 

ipad 上的開發也是這樣,只需根據 768 x 1136點 進行開發即可。

而在 iphone 5 跟 ipod touch 5 的機器上,對於開發者來說,它的介面大小就是 320 x 568點,你只需根據這個大小去調整你的介面(如果需要調整的話)。

比如:我有乙個按鈕,要放在螢幕中間的位置,那麼在介面大小為 320 x 480點 的裝置上,只需設定它的 center 為 (320/2, 480/2) 位置即可,在 3:2 retina 屏上系統這個按鈕也可以正確的顯示在中間;

而在螢幕大小為 320 x 568點 的裝置上,你就設定它的 center 為 (320/2, 568/2)。

直接通過  [[uiscreen mainscreen] bounds] 即可獲取到當前螢幕的基礎解析度,所以不用 hard code。

問二:只是尺寸不一樣的情況,如四六相比,開發時完全沒有影響?

1,現在最新出廠的裝置,搭配的都是最新的作業系統。現在,iphone4 ios6.0 以上了已經,而且基本都是retina 視網膜屏了。也就是說,螢幕基本都是按照 320 * 568 點來布局了。

2,ios7 之前,狀態列單獨佔20點,即uiwindow 的frame 是(0,0,320,568), rootviewcontroller 的frame 是 (0,20,320,548)。

ios7 以及7.1,狀態列不再單獨佔20點,即uiwindow 的frame 是(0,0,320,568), rootviewcontroller 的frame 是 (0,0,320,568)。

總結:iphone4,iphone4s 是3.5英吋,retina屏,螢幕解析度為640*960 畫素,螢幕布局按照320*480 點來進行布局;iphone5,5s 都是4英吋,retina屏,螢幕解析度為640*1136 畫素,螢幕布局按照320*568 點來進行布局。前面確定了,接下來就要考慮ios系統版本的問題了,因為ios7的導航欄(44點)和狀態列(20點)不再單獨占用高度,所以頁面會自動伸展至568點。即頁面的(0,0)原點是在螢幕左上角的。可ios7以下,導航欄(44點)和狀態列(20點)單獨占用高度,即頁面的(0,0)原點實際上是從導航欄下面開始的,即整個螢幕的(0,20)開始的。

IOS 螢幕尺寸 解析度 點之間的相互關係

ios 裝置現有的解析度如下 iphone ipod touch 普通屏 320畫素 x 480畫素 iphone 1 3g 3gs,ipod touch 1 2 3 3 2 retina 屏 640畫素 x 960畫素 iphone 4 4s,ipod touch 4 16 9 retina 屏 ...

IOS 螢幕尺寸 解析度 點之間的相互關係

ios 裝置現有的解析度如下 iphone ipod touch 普通屏 320畫素 x 480畫素 iphone 1 3g 3gs,ipod touch 1 2 3 3 2 retina 屏 640畫素 x 960畫素 iphone 4 4s,ipod touch 4 16 9 retina 屏 ...

IOS 螢幕尺寸 解析度 點之間的相互關係

ios 裝置現有的解析度如下 iphone ipod touch 普通屏 320畫素 x 480畫素 iphone 1 3g 3gs,ipod touch 1 2 3 3 2 retina 屏 640畫素 x 960畫素 iphone 4 4s,ipod touch 4 16 9 retina 屏 ...