Vector Asset Studio工具簡介 | Android開發 透過Android Studio將SVG檔轉換

Vector Asset Studio 是 Android Studio內建的Android開發工具,我們能以它將SVG圖片轉換為XML檔,並對它作調整,使我們的App以最節省資源與最合乎需要的方式取用檔案,這篇文章將進行 Vector Asset Studio工具簡介 ,對 Vector Asset Studio這個工具做基礎的介紹與整理。

Vector Asset Studio工具簡介

 

Vector Asset Studio工具簡介

如何使用 (一) AS

 

首先我們會需要一張Vector圖片,Vector圖片如SVG檔最適合Android App,因為它在不影響圖片品質的情況下,可以輕易地調整大小、解析度,我們先找出一張測試的SVG檔案

▼ 接著前往Android Studio,右鍵點選專案的資源檔 res(resource) >  new > 選擇 Vector Asset

vector asset studio

Vector Asset Studio

如何使用 (二) 讀入檔案

 

▼我們選擇Local filePath尋找SVG檔,接著就可讀入SVG檔,這裡讀入的是笑臉的SVG檔

Vector Asset Studio

如何使用 (三) 設定

 

▼ 我們可以在Name的欄位調整檔名,點選Override可將Size調整至你要的圖片尺寸(右方可預覽圖像),Opacity可拖拉以調整透明度,預設100為不透明。若需要也可勾選 Enable auto mirroring for RTL layuout (在右到左的layout使用自動鏡向調整方向),沒有問題就點Next,再點Finish,即完成轉換的動作。

Vector Asset Studio 教學

Vector Asset Studio

如何使用 (四) 取得檔案

 

▼ 然後我們就能在app > res >drawable 中找到剛才轉換完成的檔案。

Vector Asset Studio 介紹

Vector Asset Studio

如何使用 (五) 調整參數

 

▼在xml檔裡,可再依需要去調整顏色、高度、寬度等參數。 

Vector Asset Studio 顏色

以上就是Android Studio內建之Vector Asset Studio工具使用簡介,喜歡幫我分享出去喔! 

更多相關文章

Android開發 URI :  整理 | URI於Android中的基礎應用

發表留言