使用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.