2016年4月17日 星期日

【iOS】iOS Device Resolution


現在是 iPhone 的款式比以前多了很多
screen size 和 resolution 也比以前多了
寫 iOS app 的你可能會遇上一個問題
什麼圖適合在什麼 device 上呢?
現在 iPhone 的圖暫時分了 @1x, @2x, @3x

不要以為 screen size 越大 resolution 就越高!
這個觀念是錯的喔~
現時最高 resolution 的 device 是 iPhone Plus喔~

iPad 也只是用 @2x 的圖~~

如果想在不同 device 都有高畫質的圖
最好的方法是 provide 3 張圖,用同一名稱,但後面要記得加 @#x
size 的計法也只是 2 倍,3 倍這樣的~

例子:
假設我們有張 100x100 的 image.jpg
那我們的3張圖就分別是...
image.jpg 100x100
image@2x.jpg 200x200
image@3x.jpg 300x300

然後把圖同放進 Xcode Project 裡,Xcode會自動 detect 用家 device 是用什麼圖的~

至於正確的 size 嘛,就提供下圖給大家慢慢觀摩了!!