如何创建svg图片,svg图片转换以及导入到android studio中使用

时间:2024-05-31 16:41:33

最近更新了android studio,一些原有的svg图片突然用不了了。一开始我以为我的android studio有问题,因为图片在android studio2.2.3并且在朋友的3.3版本下都是可以使用的,在多方调试下,还是没能找出原因所在,索性把图片全部都换一遍。

再回头来看原来的图片,确实有一些问题。我使用AI打开原来的svg图片,发现有很多毛边,我猜想,svg导入安卓是有路径的,这些个路径可能是导致读取不出来的原因。

下图是我之前的svg在AI中的显示,大家可以看到放大了之后出现了很多毛边:

如何创建svg图片,svg图片转换以及导入到android studio中使用

原来之前的图片也是有一定问题的。下面我就来讲一下如何把ui做的图片转换成svg。

方法一:

一、在线转换

附上网址:https://www.pngtosvg.com/

(超级好用,之前我们ui就用这个转的,只是在转的时候没有选择参数从而导致出来的图有毛边之类的)

进去之后的界面如下图所示,把你需要转换的图片放进去,颜色尽量选少 一般纯色的就一个(之前我们ui就选了5个,导致路径非常多而且非常大)

如何创建svg图片,svg图片转换以及导入到android studio中使用

最后下载你所生成的svg

二、把svg导入AI在生成一遍SVG

这里说一下,一般直接使用即可,但是我也不知道怎么回事,我的android studio就是用不起,所以必须要放到AI里面转一道。

导出时,直接默认选项就可以拉。

如何创建svg图片,svg图片转换以及导入到android studio中使用

 

一个图片转SVG的过程就完成啦。把这个svg导入到android里面去就可以使用了。

但是这个方法对于一些不规整的边缘毛边,比如圆形,还是不好用(加载不起)。就用下面的办法直接把图片转换成svg,并且边缘都是很平滑的。

 

方法二:

一、AI转换

把图片导入AI,点击窗口-->图像描摹

如何创建svg图片,svg图片转换以及导入到android studio中使用

之后再导出

如何创建svg图片,svg图片转换以及导入到android studio中使用

 

本人也是小白,也不知道为什么要再转一道才行,希望会的大佬多多指点。