天天看點

關于iOS 各個iPhone 尺寸圖示的适配

現在主流的iPhone的螢幕有三種:iPhone5/5s  iPhone6/6s  iPhone6P/iPhone/6sP 也就是我們所說的1倍  2倍 3倍。最标準的适配方式因該是UI切三套圖,圖示分别以 *.png  *[email protected]  *[email protected]命名,程式運作會自動選取對應的圖檔。

指的注意的是當某個倍數的圖示缺失時,會選擇其他倍數的圖示代替,這樣就會造成iPhone的适配問題。例如:當缺失*[email protected]的圖示時, 在iPhone6P的螢幕上機會顯示[email protected]的圖示,這樣就會造成也就是圖示的失真。但是這個問題不是要命的問題,不仔細看是看不出來的。所有好多應用直接用一套圖示完成的,但是用一套圖示的時候,一定要注意:以哪個倍數的螢幕為基準切圖時,圖示後面一定要标注好倍數:@2x   或者@3x,要不然在一些系統自定義的圖示的時候會出現适配問題。

例如:在切tabbar的圖示的時候,衆所周知tabbar的高度是49個點,每個icon的點陣是30*30,這時候如果UI工程師隻給你以iPhone6為基準切的圖示,那麼在圖檔導入工程時就應該以*[email protected]的格式命名才會比對。

PS:感覺有用請給個贊