Android 支持SVG VectorDrawable

原创 2016年05月31日 14:44:22

如果我们的UI level比较高、会用AI生成矢量图(SVG)、
那么我们可以用他们生成的做成VectorDrawable、并应用到我们的项目

首先在build.gradle添加如下代码

    defaultConfig {
        vectorDrawables.useSupportLibrary = true
    }

ok、右键drawable–>new drawable resource file

这里写图片描述

复制代码如下

<vector android:height="24dp" android:viewportHeight="96.0"
    android:viewportWidth="96.0" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android">
    <path android:fillColor="#FFFFFFFF" android:pathData="M50.7,90.3h-5.7V60.1H6.5V85c0,5.7 4.9,10.6 10.6,10.6h62.1c5.7,0 10.6,-4.9 10.6,-10.6V60.1H51.1L50.7,90.3L50.7,90.3z"/>
    <path android:fillColor="#FFFFFFFF" android:pathData="M6.5,54.3h38.4V30.6H33.1c-4.9,0 -9.8,-1.2 -13.5,-5.3h-9C4.9,25.3 0,30.2 0,35.9v8.6C0,49 2.9,52.7 6.5,54.3L6.5,54.3z"/>
    <path android:fillColor="#FFFFFFFF" android:pathData="M85.8,25.7h-9c-3.7,4.1 -7.4,5.3 -14.3,5.3H50.7v23.7h38.8l0,0c4.1,-1.6 6.5,-5.3 6.5,-9.8v-8.6C96,30.2 91.1,25.7 85.8,25.7z"/>
    <path android:fillColor="#FFFFFFFF" android:pathData="M77.2,13.5c0,-6.9 -5.7,-13.1 -12.7,-13.1S51.9,6.1 51.9,13.1v13.1h12.7C71.5,26.6 77.2,20.8 77.2,13.5z"/>
    <path android:fillColor="#FFFFFFFF" android:pathData="M31.5,26.2h12.7V13.2c0,-6.9 -5.7,-12.7 -12.7,-12.7S18.8,6.2 18.8,13.6S24.5,26.2 31.5,26.2z"/>
</vector>

对应的矢量图如下
这里写图片描述

将drawable应用到我们的layout文件就ok了

AppCompatImageVIew、只会支持5.0以上,所以我们用v7包

                        <android.support.v7.widget.AppCompatImageView
                        android:layout_width="40dp"
                        android:layout_height="40dp"
                        android:layout_marginBottom="@dimen/padding10"
                        android:src="@drawable/gift_big_done" />
                        app:srcCompat="@drawable/gift_big_done"/>

VectorDrawable:适应不同分辨率的drawable资源 传送门

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

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

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

供自己学习的笔记 原文链接:http://www.jianshu.com/p/0555b8c1d26a 前言 本文是以读者对SVG有一定了解为前提的,否则请先百(谷)度(歌)了解下。 ...

Android VectorDrawable与SVG

VectorDrawableAndroid L开始提供了新的API VectorDrawable 可以使用SVG类型的资源,也就是矢量图,这里对VectorDrawable和SVG做一些简要的介绍。...
  • xu_fu
  • xu_fu
  • 2015年03月01日 20:01
  • 37841

Android动画 SVG VectorDrawable 基础三

使用动态的VectorDrawable

Android5.0+高级动画开发-[初识矢量图SVG与VectorDrawable]

《Android5.0+高级动画开发》讲的是如何借助VectorDrawable技术,贝赛尔曲线技术,PathMeasure技术实现酷炫动画。相比之前学习过的帧动画,补间动画,属性动画,它们有哪些值得...

Android VectorDrawable与SVG 实现炫酷动画

Android VectorDrawable与SVG 实现炫酷动画 转载请标明出处: dsad 本文出自:【Alex_MaHao的博客】 项目中的源码已经共享到github,有需...
  • lisdye2
  • lisdye2
  • 2016年07月20日 14:29
  • 8076

如何将SVG转换成VectorDrawable XML资源

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

Andrid5.0新特性——SVG、VectorDrawable

一、SVG相关工具在线SVG编辑器 Method Draw:http://editor.method.ac svgedit:https://github.com/SVG-Edit/svgedit离...

如何将SVG转换成VectorDrawable XML资源

首先给介绍一个网站,可谓是牛B闪闪:阿里巴巴矢量图标,有了它,麻麻再也不担心我没有图标了。如下图: 任意点击一个分组,可以见到如下各种详细的图标,我们可以根据自己的需求,调整不同的大小,然后下载图标。...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android 支持SVG VectorDrawable
举报原因:
原因补充:

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