首先的首先,官網(wǎng)介紹使用和注意事項(xiàng)的地址,說(shuō)實(shí)話,太長(zhǎng)了我自己就看了一點(diǎn)點(diǎn)。
那就說(shuō)我是如何瞎用的。首先,由于知識(shí)淺薄,我知道的有兩種方式,源頭是png圖片的和源頭是用illustrator軟件畫圖的這樣兩種。
1.用png圖片轉(zhuǎn):由于png不是矢量圖,轉(zhuǎn)出來(lái)也是丑的,隨便看看了,此處是網(wǎng)址,這個(gè)是在線傳一個(gè)png圖片,然后轉(zhuǎn)一個(gè)SVG文件給你,轉(zhuǎn)出來(lái)的效果網(wǎng)頁(yè)上也可以即時(shí)看到。
2.用illustrator軟件,也就是俗稱Ai的一個(gè)繪圖軟件,它的存儲(chǔ)為里面有個(gè)保存類型就是SVG,點(diǎn)擊保存之后有個(gè)彈窗,里面就有一個(gè)按鈕上面寫的SVG代碼,你點(diǎn)一下就能看見你畫的這個(gè)圖如果變代碼是什么樣了,不在這看用瀏覽器打開保存的SVG圖片然后F12看代碼也一樣,或者打開方式用記事本,都一樣,隨意隨意。
此處你已經(jīng)獲得了一個(gè).svg后綴的文件,然后呢?
選項(xiàng)1。drawable文件夾上右擊New->Vector Asset,然后你會(huì)在此處的彈窗中看見,有很多系統(tǒng)自帶的vector圖形,黑白的剪影那種,可能你們的UI會(huì)拒絕,那用自己畫的唄,所以這個(gè)單選系列的另一個(gè)選項(xiàng)是本地文件,雖然也接受PSD文件,但是我不會(huì),我的PS保存下來(lái)的PSD反正沒(méi)能正常顯示,嗯,才疏學(xué)淺的我不會(huì)。此處你就可以選擇之前存下的SVG文件來(lái)打開啦。
選項(xiàng)2。把前面獲得的SVG代碼再轉(zhuǎn)一次,再一個(gè)網(wǎng)址,妥妥的,要是正兒八經(jīng)的,會(huì)生成一個(gè)vector標(biāo)簽的xml文本。studio上把它放哪?貼到drawable文件夾下面,謝謝。或者選項(xiàng)1里生成一個(gè)虛假的xml文件之后用現(xiàn)在這個(gè)代碼把虛假文件里的覆蓋了。呵呵呵。
此處你已經(jīng)獲得了一個(gè)drawable文件下的xml文件,vector標(biāo)簽的那種,然后怎么引用呢,其實(shí)寫個(gè)ImageView把它寫src后面也能跑,但是推薦應(yīng)該是用app:srcCompat,慈母微笑,還會(huì)讓你在app的build.gradle文件的android大括號(hào)里面的defaultConfig大括號(hào)里面寫上vectorDrawables.useSupportLibrary=true。
就此完結(jié),謝謝。
另外,webp圖片,安卓sdk18及以上默認(rèn)支持,也挺好,studio可以直接把drawable文件夾的圖都轉(zhuǎn)了,無(wú)損轉(zhuǎn)也能小一點(diǎn)的,安卓官網(wǎng)webp圖片的使用介紹,使用上跟pngjpg并沒(méi)有不一樣。
另外,imageview類的控件,tint系列的屬性也棒棒的。