【基础学习】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矢量图绘制以及转换为Android可用的VectorDrawable资源

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

如何将SVG转换成VectorDrawable XML资源

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

Android 使用Vector XML文件创建矢量图片资源

转载请注明出处:本文出自【付小华的博客】 Vector:矢量的意思 我们知道,在安卓开发过程中,经常使用到png格式的图片资源,这种图片需要有不同分辨率来做屏幕适配,当图片数量很大时,被打包的图片...
  • klxh2009
  • klxh2009
  • 2016年04月11日 13:35
  • 6459

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

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

Android SVG转化VectorDrawable

(1)https://github.com/misakuo/svgtoandroid Android studio的插件 (2)http://inloop.github.io/svg2an...
  • zhuhai__yizhi
  • zhuhai__yizhi
  • 2016年03月07日 13:59
  • 415

vectorDrawable使用==>iconFont + SVG转换xml

emm...iconfont下载SVG格式的 矢量图,然后转换成xml格式使用,美滋滋.记一下地址,免得下次使用忘记了.&gt; http://inloop.github.io/svg2and...
  • heming9174
  • heming9174
  • 2018年01月24日 16:44
  • 43

Android UI:使用矢量图,抛弃PNG

一、矢量图简介最近在进行Android App“瘦身 ”的时候,了解到矢量图(VectorDrawable)相关概念。从Android5.0(API level 21)开始,有两个类支持矢量图:Vec...
  • p106786860
  • p106786860
  • 2016年12月23日 21:18
  • 6713

Linux 批量更改文件后缀名

原文:http://blog.csdn.net/longxibendi/article/details/6387732 一.rename解决 1.  Ubuntu系统下 rename...
  • u010666884
  • u010666884
  • 2016年07月28日 16:49
  • 283

解决android 将vector图片转为 bitmap时为null的问题

问题代码: Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.danger_build10); 其中R.d...
  • qq_32840151
  • qq_32840151
  • 2016年10月27日 09:57
  • 792

Android应用开发之PNG、IconFont、SVG图标资源优化详解

在我们App开发中大家可能都会有过如下痛疾(程序员和设计妹妹注意喽):好多小的图标好烦人,又占体积还要考虑分辨率,一拉伸就模糊等。同一个图标不同状态还有不同颜色的多张。总是幻想IOS、Android、...
  • yanbober
  • yanbober
  • 2015年12月27日 12:03
  • 12802
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:【基础学习】Android vector xml 将SVG转换成VectorDrawable 资源
举报原因:
原因补充:

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