SVG简介
- SVG 的文件里存储了绘制图片的相关信息，在要用图的时候再把图画出来，所以在图片显示的时候会花费更多的时间消耗更多的资源。
- SVG 的文件体积远小于传统的位图文件，因为没有存储任何图像的像素信息。
- SVG的文件画出来的图像是矢量图，所以不会存在失真的问题，理论上支持任何级别的缩放，适应性强于传统的位图。
SVG简单使用
### 获取SVG文件 SVG图片下载地址 选择要下载的图片，下载时选择svg下载
svg2android 奖svg图片转换成android中的drawable文本 ### 在android上显示svg图片
在drawable文件夹中新建文件，将之前转换后的文本信息复制到里面 ```java
布局文件中的imageview直接调用该文件
```java
<ImageView
android:src="@drawable/phone_svg"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
setColorFilter()可改变图片颜色 ```java img_phone.setColorFilter(Color.RED);
## 兼容问题
### 不需要添加任何依赖包
Gradle在编译时会自动生成Vectordrawable对应的位图资源(如果你支持的最低sdk小于api21, 若大于等于21就不存在兼容性问题了)
缺点是同时打包了位图与矢量图资源APK包会变大. 生成哪种分辨率下的位图资源可以通过下面的Gradle配置指定:
```java
defaultConfig {
vectorDrawables.generatedDensities = ['hdpi','xxhdpi']
}
### 使用Support Library 23.2+(不会自动生成位图)
需要在build.gradle配置文件中增加如下配置:
java
android {
defaultConfig {
vectorDrawables.useSupportLibrary = true
}
}
然后在引用Vectordrawable资源时使用app:srcCompat取代android:src
SVG动画
网上有个开源库PathAnimView
java
compile 'com.github.mcxtzhang:PathAnimView:V1.0.0'
以下为简要流程，详情可以去看作者的博客极速get花式Path
1、获取png图片
2、利用vmde将图片转成svg格式vmde下载地址
3、将svg图片进行转化Android SVG to VectorDrawable
4、将转化的结果写到strings中,如下
```java
5、布局文件中使用PathAnimView控件
```java
<com.mcxtzhang.pathanimlib.PathAnimView
android:id="@+id/pathAnimView1"
android:layout_width="wrap_content"
android:layout_height="60dp"
android:layout_marginTop="260dp"
android:background="@color/colorAccent"
android:padding="5dp"/>
6、代码中加载动画
java
pathAnimView1 = (PathAnimView) findViewById(R.id.pathAnimView1);
SvgPathParser svgPathParser = new SvgPathParser();
try {
Path path = svgPathParser.parsePath(getString(R.string.toys));
pathAnimView1.setSourcePath(path);
} catch (ParseException e) {
e.printStackTrace();
}
pathAnimView1.startAnim();
参考文章
SVG 在Android中的应用 Android Vector曲折的兼容之路 android 中使用svg Android SVG技术入门：线条动画实现原理