Xcode：實驗image view中的 1x 2x 3x

在Xcode中，要能在App裡顯示出圖片，必須使用image view，而當你插入圖片時，會看到1x 2x 3x這三個欄位，我們來實驗看看這三個代表什麼含義。

首先，先插入一張圖片到Assets.xcassets裡，如下圖，我們能看到出現1x 2x 3x。

接著分別故意插入不同圖片。

來看看使用image view時出現什麼反應。

上圖是使用iPhone7下，顯示的是在2x裡的圖片。

若改為iPhone7 plus，則顯示：

與上一張圖不同的是，它顯示了3x裡的圖片。

發現了嗎？ 1x 2x 3x的差別在於：

1x: 非retina
2x: retina
3x: retina HD

iPhone7是Retina，所以顯示2X裡的圖片；iPhone7 Plus是Retina HD，所以顯示了3X裡的圖片。