• lifeisourchoice@gmail.com

整理《 Android開發 Vector Asset Studio工具簡介 》Android Studio SVG檔轉換

整理《 Android開發 Vector Asset Studio工具簡介 》Android Studio SVG檔轉換

Android開發 Vector Asset Studio工具簡介

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

 

Android開發 Vector Asset Studio工具簡介

 

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

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

vector asset studio

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

android studio vector asset svg

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

Vector Asset Studio 教學

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

Vector Asset Studio 介紹

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

Vector Asset Studio 顏色

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

金之豬

Leave your message