[iOS] 試一發 Xcode6 中的向量圖

標籤：blog   http   io   os   使用   ar   2014   on   c   

Xcode6中有一個十分方便的功能，就是匯入的圖片資源支援向量圖格式。這對於開發人員來說無疑是個天大的好訊息。

不過，這向量圖怎麼搞？有什麼好處？效果到底如何？不妨開啟 Xcode6 來一發試試看，親自體驗一下向量圖的魅力。

我們先用Sketch製作了一個30*30的表徵圖，匯出了pdf和png格式：

然後在Xcode6的 Images.xcassets中添加兩個表徵圖。首先是向量圖版本的：

接下來是PNG版本的，我們只上傳了@1x 版本的位元影像：

然後我們找一個頁面，同時放上兩個圖片進行比較。

第一次實驗：長寬均為100，即非等比展開：

可以看到@1x的圖因為沒有做@2x和@3x 版本，細節處有很多模糊的情況。

第二次實驗：長寬均為240，等比顯示：

差距是比較明顯的。

Xcode6在使用向量圖的時候，會產生對應的@1x、@2x、@3x版本的位元影像，相當於幫我們做了適配的工作。比如30*30的向量圖匯入，運行時會產生下面三個尺寸的位元影像：

@1x = 30*30

@2x = 60*60

@3x = 90*90

嗯大概就是這樣。所以個人開發人員們可以嘗試一下用向量圖減少自己的工作量。公司裡就算了，讓美工們忙碌起來吧！

[iOS] 試一發 Xcode6 中的向量圖