在Android Studio中使用.SVG格式的矢量图

相信很多Android开发的小伙伴都被图片资源的OOM头疼过,所以,我们可以考虑引用svg矢量图来分担一些需要适配各种屏幕分辨率并节省资源的方式来处理某些图片。接下来,我将为大家介绍在studio中使用.SVG图片的方式。希望对有需要的小伙伴有益。

  1.首先拿到设计师给出的.SVG形式的图片控制代码(用来合成适量SVG图片)

例如:


    
    Created with Sketch.
    
        
    
    
        
            
                
                
            
            
            
        
    

  2.接下来打开合成SVG的网站:[http://oss.chengxingyao.cn/svg2android/index.html](http://oss.chengxingyao.cn/svg2android/index.html)

将刚刚拿到的代码丢入到该网站

生成如下图片样式:

在Android Studio中使用.SVG格式的矢量图_第1张图片
代码生成矢量图片.png
3.点击上图的红框框按钮“Download”,将刚刚生成的图片下载到本地以供使用
在Android Studio中使用.SVG格式的矢量图_第2张图片
8C90E1CE-B2BE-4258-9EB6-134CE6F1F31D.png
  4.将生成的图片放入Android studio的drawable文件夹下
在Android Studio中使用.SVG格式的矢量图_第3张图片
image.png

可以看到如上图所示场景

5.接下来就可以直接使用该生成好的矢量图啦
在Android Studio中使用.SVG格式的矢量图_第4张图片
image.png

如上图所示,将文件以常规drawable的形式引入即可看见如图右方生成的图片样式;

好了,大功告成,这样的SVG形式图片显示在Android手机上既不用占用很大的资源,又可以自适应屏幕像素,使其在各种屏幕上都不会失帧,方便简洁,你get到了吗?

【之前看见自己的文章被盗,在这里告诫一下那些小伙伴,请尊重原创,谢谢】

你可能感兴趣的:(在Android Studio中使用.SVG格式的矢量图)