其實(shí)本人對(duì)svg也是很陌生的惕医,前兩天看到gjz的LayoutSwitch項(xiàng)目(https://github.com/gjiazhe/LayoutSwitch) 耕漱,在這里就不說(shuō)該項(xiàng)目,說(shuō)說(shuō)里面的svg的使用抬伺。
先看看里面使用的實(shí)例吧:
其實(shí)這里的drawable文件path的pathData屬性我是看不懂的哈螟够,這里的pathData就是描述圖形的軌跡的。這些都是androidStudio自動(dòng)幫我們生成的峡钓,我們要做的就是需要我們圖片的svg文件了妓笙。如果你不會(huì)圖片的svg文件也沒(méi)關(guān)系,因?yàn)檫@些不是我們關(guān)心的能岩,這些都是美工設(shè)計(jì)給我們會(huì)弄的寞宫。
下面我就來(lái)講講如何生成drawable的,其實(shí)本人也不會(huì)制作svg文件的拉鹃,我這里介紹有現(xiàn)成的svg文件(http://www.iconsvg.com) 辈赋,這里我就以某一個(gè)svg為例了:
下載完了后,我們?cè)倩氐絘ndroidStudio中來(lái)膏燕。給張步驟圖钥屈,相信大家看圖直接明白了:
在這里要著重強(qiáng)調(diào)下這里需要點(diǎn)擊res文件目錄,而不是drawable文件了坝辫,點(diǎn)擊了Vector Asset選項(xiàng)后篷就,彈出如下圖:
這里彈出會(huì)有一個(gè)androidStudio默認(rèn)的圖片生成,這里我們點(diǎn)擊Local file選項(xiàng)阀溶,然后會(huì)讓你去選擇本地的svg文件了腻脏。最后點(diǎn)擊finish就會(huì)在你的drawable文件下面生成一個(gè)xml文件:
是不是看到這個(gè)結(jié)果很納悶?zāi)匮挥荆鋵?shí)這些就是svg文件和圖片本身的區(qū)別了,svg文件就是對(duì)一個(gè)圖片文件的點(diǎn)的描述了永品。好了做鹰,生成部分就說(shuō)這么多了,下面就說(shuō)說(shuō)svg文件使用的好壞鼎姐。
好處:
- 對(duì)項(xiàng)目的apk文件減小很多
- 不用擔(dān)心手機(jī)適配的問(wèn)題
壞處:
前期整理圖片的svg文件比較要時(shí)間钾麸,不過(guò)這些都不是猿(媴)的事情,交給美工設(shè)計(jì)就可以了炕桨。