在Android中學會使用SVG圖片

現在SVG飛速流行,這篇文章簡單學習使用SVG的圖片,與大家共同鑑賞

首先要準備兩種工具:

第一種:Vector magic這個協助軟件

第二個:Android studio版本2.0以上

1.打開Vector magic這個軟件,界面如下圖

這裏寫圖片描述

2.跟UI或者網上找一個圖標,我以我公司的圖標爲例,然後將圖像拖進來,選中基本的模式,因爲是做簡單的操作,不需要選擇高級

這裏寫圖片描述

3.根據自己的需求來選擇是否需要鋸齒邊,

這裏寫圖片描述

4.在這裏是選擇背景色,給透明效果是背景色是透明的,壓平白色是指背景色是白色的,最後一個是指背景色的黑色的,一般情況下會選擇給透明的,根據自己的需要了

這裏寫圖片描述

5.這裏選擇圖片的品質

這裏寫圖片描述

6.這裏選擇圖片的顏色效果,我一般選擇兩色,因爲圖標基本都是純色或者兩色的,很好用到多種顏色的,當然如果用到了,你可以選擇別的顏色

這裏寫圖片描述

7.點擊完成,圖片已經做好了

這裏寫圖片描述

8.保存好SVG圖片,你想要做的效果已經完成一大部分了

這裏寫圖片描述

這裏保存有三種方式,我常用的是第一種和第三種,如圖上所示從上到下的三種,第三種最簡單,在快速保存的地方選好存放地址,輸好文件名,選擇SVG格式,點擊保存就可以。

9.上述的工作做完後,打開Android Stuido,來進行後續的工作,後續的工作就很簡單了

這裏寫圖片描述
在res下drawable上右擊選擇New——>Vector Asset創建一個SVG的文件

10.現在要做的就是設置下SVG文件的常用設置了

這裏寫圖片描述
先點擊Local file,這裏是使用本地的圖片,如圖中所示,size是指圖片中的實際大小,設置後設置Next,一直到Finish

11.下圖就是效果了

這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章