使用SVG圖片格式

使用SVG圖片格式

SVG格式, 適應螢幕, 圖片較小, 還有很多優點, 參考. 本文講解如何使用SVG格式.

SVG: Scalable Vector Graphics, 可縮放向量圖形.
IRI: Internationalized Resource Identifiers, 國際化資源標識符.

下載SVG格式的圖片.

建立項目, 空白項目顯示圖片.

Android Studio 2.0
路徑: File -> New -> Vector Asset -> Local SVG file

勾選重設圖片大小和左右布局適配.

在drawable檔案夾中, 就會發現.xml格式的圖片.

代碼中匯入圖片.

顯示

如果是非AS2.0版本, 我們可以使用線上網站轉換.
網址: http://inloop.github.io/svg2android/

上傳SVG圖片, 產生代碼.

勾選刪除空組和添加變換.

可以下載線上圖片, 也可以在drawable檔案夾中, 建立.xml檔案, 粘貼代碼.
使用方式與自動產生的類似, 直接添加即可.

通過觀察發現, 均是500x500的圖片:
自動產生的SVG圖片是20KB, 線上產生的SVG圖片是29KB.
而PNG(放大的系統圖片)要732KB, 由此得知SVG圖片還是非常節省記憶體的.
對於一些較大的App, 使用SVG圖片有很大的吸引力.
Github

OK, Enjoy It.