http://blog.csdn.net/abc__d/article/details/51487810

關於iOS 裝置的螢幕：

   1.所謂Retain螢幕,就是高清視網膜螢幕,解析度寬高是標準螢幕解析度的2倍。

   2.裝置的一些相關資訊如下：

3.解析度的意思就是把螢幕進行橫向、縱向等分。

   在retina螢幕下一個點表示2畫素, 在非retina螢幕下一個點表示1畫素。
  在iPhone6 plus 下一個點表示3個畫素。

4.前人總結的結論：

結論1:

在同樣一個尺寸的螢幕下由於使用的螢幕不一樣 (retina和非retina),所以造成的螢幕解析度會不同。也就 是說,同樣是30*30的畫素,在3.5 inch大小的螢幕上,如 果是非retina顯示會大一些, retina螢幕顯示會小一些。

結論2:

所以在開發中使用的是點。(比如使用30*30,不 是表示30畫素,而是表示30點,這樣的話iOS系統會自動 把點轉換為對應的畫素)。
– 1> 非retina螢幕1個點表示1畫素
– 2> retian螢幕1個點表示2畫素
– 3> iPhone6 Plus下1個點表示3畫素

結論3:

• [email protected]
– 568表示iPhone5
– h 表示高度
– 上面的這些都是固定寫法,順序不能調換
• 總結:iOS開發面向的是點座標系,不是畫素。因為程式中的是點, iOS系統會自動把點轉換為不同的畫素去找圖片, 所以圖片對應的也要準備多份不同的圖片。

• @2x (視網膜螢幕, 在原來點座標的大小上乘以2)

• @3x

• 比如:btn_left這張圖,在程式碼中寫的時候使用的是btn_left,iOS會根據實際的螢幕去查詢btn_left.png或者是[email protected]或者[email protected] 

• [email protected]
– 568表示iPhone5
– h 表示高度
– 上面的這些都是固定寫法,順序不能調換

• 總結:iOS開發面向的是點座標系,不是畫素。

應用程式啟動圖片

問題: 為什麼同樣一張圖片要做很多張？

原因1> 因為不同的iPhone

原因2> 同樣一個圖片（比如:AppIcon）在不同的地方都要顯示,並且不同的地方需要的圖片的尺寸是不一樣的,所以在這種情況下也需要做多個圖.

• 一個app在啟動過程中會全屏顯示叫做Default.png的圖片

• 不同規格Default的使用場合

• ➢  Default.png:非retina-iPhone螢幕(3.5 inch),320x480

• ➢  [email protected]:retina-iPhone螢幕(3.5 inch),640x960

• ➢  [email protected]:4 inch的retina-iPhone螢幕,640x1136

• ➢  Default-Portrait~ipad.png:非retain-iPad豎屏螢幕,768x1024

• ➢  [email protected]:retain-iPad豎屏螢幕,1536x2048

• ➢  Default-Landscape~ipad.png:非retain-iPad橫屏螢幕,1024x768

• ➢  [email protected]:retain-iPad橫屏螢幕,2048x1536 

應用程式圖示

* 為什麼會有很多的AppIcon? 因為有很多地方要用到。

1> iPhone上顯示的應用程式圖示

2> 在AppStore上顯示的圖示

3> SpotLight上顯示的圖示

• 只要檔名叫做Icon.png,就 會自動被當做是應用程式的 圖示。

• 一個應用程式可以準備多種 規格的圖示,詳情可以檢視 蘋果官方文件,如下圖。

•下面再給出正在做的一個Cordova專案新增到ios平臺下的自動生成的icon 和LauncherImage的資料夾及尺寸如下，以供參考。

下面是在Finder中的檔案內容：

如何檢視某個圖片的具體尺寸：點選圖片，顯示簡介即可看到相關的尺寸。

 總結如下：如上圖：

AppIcon 中： icon-small.png 是29*29畫素 @2x 是58*58畫素 @3x是87*87畫素。icon.png 是57*57畫素。其餘同理。

 LaunchImage 中的尺寸可以查閱上文啟動圖片的介紹。其中portrait 是豎屏的意思，landscape是橫屏的意思。

都可以在屬性面板中檢視，但是AppIcon 下的圖片看不出圖示的真是尺寸，但是LaunchImage下的圖片可以看到真實的尺寸。其實從檔案的大小也可以看的出來。如果在對應的ios版本和螢幕尺寸下沒有相對應的圖示，那麼在進行模擬器或者真機除錯的時候就沒有相關的圖示顯示！