Swift3-Storyboard 上的圖片要如何選擇合適的圖片像素呢!?

這個問題研究好久,終於了解這系統的設定

1.首先先看到這張圖

 

可以先看到bar button item 的高度,在iphone 6 plus 的預覽下約是44pt(point)

2.所以當我想修改bar button item 的圖片時

必須找一張132×132像素的圖並且放在Assets.xcassets 的3x格子裡

3.為了看出效果,我在2x格子裡放上1024×1024像素圖,3x格子裡放上132×132像素圖

 

4.接下來透過i6s plus 及 i6s預覽,即可看出差異

 
i6s 預覽下
 
i6s plus 預覽下

5.修改i6s 圖片的像素圖 => 44×2,44×2 = 88×88像素

在2x格子裡換成88×88像素的圖片

 

結果如下

 

變回可愛又迷人的比例了


Also published on Medium.

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *