如何将网上的矢量图标保存为Android Studio 的xml 文件（SVG）

我们在设计我们的app的时候，总是希望我们的app变得好看一些，而互联网也为我们提供了许多可以白嫖的资源，例如inconfonthttp://www.iconfont.cn提供的免费图标了。那么我们怎么白嫖才能让它发挥最大的价值呢。

 

• png格式的下载（不推荐）

这种方式也是最简单的，但是别忘了，他可是矢量图标，什么是矢量图标，简言之，就是放的在大也不会失真的图标。而你下载的png是不是放大之后会有模糊的锯齿呢？而且他还会占用我们的内存

• svg格式的下载（炒鸡推荐） 

1. 在incofont上找到自己喜欢的矢量图，比如我们想要在页面没网的时候显示这个图片，首先点击下载。

2.选择SVG下载

 3.记住你的地址和下载的图片的名字。

 4，打开Android， 单机右键：

 5，引入图片，并给图标命名,然后next=>>>finish

6 .使用我们保存的图片

首先检查，我们的图片引入成功：

 在布局中使用：比如我想让他作为某一个Activity没有网络时的缺省图片（我用的是相对布局）

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="400dp"
        android:layout_marginTop="150dp"
        android:layout_centerHorizontal="true"
        android:contentDescription="@string/net_error"
        android:scaleType="fitCenter"
        android:src="@drawable/ic_net_error" />

 

 如上效果，是不是还不错，下面导航栏的图片也是，下载的矢量图标。

修改这里里可以改变颜色，搭配selector，可以实现点击变色效果。

---

更多的Android设计知识见专栏：

https://blog.csdn.net/niuguobao/category_11765442.html?spm=1001.2014.3001.5482https://blog.csdn.net/niuguobao/category_11765442.html?spm=1001.2014.3001.5482