【基础学习】Android vector xml 将SVG转换成VectorDrawable 资源

原创 2016年08月31日 16:47:04

为啥要使用?

安卓开发过程中,经常使用到png格式的图片资源,这种图片需要有不同分辨率来做屏幕适配,当图片数量很大时,被打包的图片资源占据了app的绝大部分容量,使用Vector来创建图片,将大大减少png图片的使用,提高开发性能。不多说,方始学习吧!


首先给介绍一个网站:阿里巴巴矢量图标,有了它,麻麻再也不担心没有图标了。如下图: 


二,找到自己要的图标,选择SVG按钮下载: 


  • 点击云盘下载吧:下载,解压后如下图,一个静态的网页: 

  • 在浏览器中打开index.html,效果如下: 

  • 点击蓝色框框住的按钮,然后选择刚刚下载的.svg文件,即可得到如下的转换: 

    红色框的那个单选按钮一定要选上,否则xml在android中将无效。

  • 然后点击download按钮保存该文件,就得到一个android能使用的VectorDrawable了 

  • <?xml version="1.0" encoding="utf-8"?>
    <vector xmlns:android="http://schemas.android.com/apk/res/android"
        android:width="1024dp"
        android:height="1024dp"
        android:viewportWidth="1024"
        android:viewportHeight="1024">
    
        <path
            android:fillColor="#56abe4"
            android:pathData="M512.333,273.328 C518.237,273.328,523.891,275.703,528.023,279.919
    L952.764,713.295 C961.257,721.961,961.117,735.871,952.45,744.365
    C943.784,752.856,929.874,752.719,921.379,744.052 L512.333,326.687
    L103.286,744.052 C94.7981,752.718,80.8842,752.86,72.2157,744.365
    C63.5493,735.871,63.4102,721.961,71.9046,713.294 L496.641,279.919
    C500.774,275.703,506.427,273.328,512.333,273.328 Z" />
    </vector>
    • 使用方式及效果图如下: 

    • 调整大小。 
      默认的图片是1024*1024的,我们可以调整xml中的width和height去改变图片的大小,再也不用为了调个大小,还得去跪舔一遍UI妹子。 

    到这里,End!!!


相关文章推荐

如何将SVG转换成VectorDrawable XML资源

首先给介绍一个网站,可谓是牛B闪闪:阿里巴巴矢量图标,有了它,麻麻再也不担心我没有图标了。如下图: 任意点击一个分组,可以见到如下各种详细的图标,我们可以根据自己的需求,调整不同的大小,然后下载图标。...

如何将svg转换为xaml

1 下载Inkscape 2 用Inkscape打开svg,另存为xaml 注意:复杂的svg图转换完会出现类似下面的xaml,wpf/silverlight是无法解析的。 ...
  • hbu_pig
  • hbu_pig
  • 2015年08月14日 10:03
  • 2411

svg矢量图绘制以及转换为Android可用的VectorDrawable资源

本文简单介绍了几款工具,目的能让新手快速的了解一下如何制作出自己需要的矢量图资源文件,在有需要做一张应用到Android应用/系统的矢量图时不至于措手不及。...
  • aaa111
  • aaa111
  • 2016年05月26日 00:20
  • 5604

ANDROID XML图像资源文件详细讲解(一)

图像资源在android开发过程中使用非常平凡。为了让自己在开发中,能轻松解决任何有关图像的问题,所以必须全面掌握最基本的知识点----各种类型的图像资源文件。 前言: 1、关于图片格式 androi...

如何将SVG转换成VectorDrawable XML资源

首先给介绍一个网站,可谓是牛B闪闪:阿里巴巴矢量图标,有了它,麻麻再也不担心我没有图标了。如下图: 任意点击一个分组,可以见到如下各种详细的图标,我们可以根据自己的需求,调整不同的大小,然后下载图标。...

Android加载html中的svg格式图片进行显示的两种方式

最近做的一个项目是把assets目录中的html显示出来,但是因为html里面有一些工程图片,虽然我用ViewPager和PhotoView,进行显示放大了,但是因为工程图片的线条较多还是比较模糊.所...

如何将SVG转换成VectorDrawable XML资源

首先给介绍一个网站,可谓是牛B闪闪:阿里巴巴矢量图标,有了它,麻麻再也不担心我没有图标了。如下图: 任意点击一个分组,可以见到如下各种详细的图标,我们可以根据自己的需求,调整不同的大小,然后下载图标。...

极光和百度的so文件导入,确保不会报错的方法

两个SDK得这么放才行: 第一个极光的sdk+百度的sdk 的so文件,记住不要 armeabi-v7a 会报错,要不百度的定位会报错 第二张,百度的sdk 还得这么放,否则也找不...

Android动画 SVG VectorDrawable 基础三

使用动态的VectorDrawable

Android使用矢量图(SVG, VectorDrawable)实践篇

供自己学习的笔记 原文链接:http://www.jianshu.com/p/0555b8c1d26a 前言 本文是以读者对SVG有一定了解为前提的,否则请先百(谷)度(歌)了解下。 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【基础学习】Android vector xml 将SVG转换成VectorDrawable 资源
举报原因:
原因补充:

(最多只允许输入30个字)