SVG—最简单的SVG动画

效果展示

---

SVG的几个最基础的命令

---

**M：**新建起点，参数x，y（M20， 30）
**L：**连接直线，参数x，y（L30， 20）
**H：**纵坐标不变，横向连线，参数x（H20）
**V：**横坐标不变，纵向连线，参数y（V30）
**Q：**二次贝塞尔曲线，参数x1，y1，x2，y2（Q10，20，30，40）
**C：**三次贝塞尔曲线，参数x1，y1，x2，y2，x3，y3（C10，20，30，40，50， 60）
**Z：**连接首尾，闭合曲线，无参数

光看没毛用，画一下。一根线画出来了，3根线也不是问题。（请无视贝塞尔曲线，我目前也不懂）

最基本的一个静态SVG（不含动画）

---

SVG文件

svg是一个公共标准，下面文件只是android对应的格式，一般我们android猿要获取一个svg文件的渠道是：

• 网上下。
  http://iconfont.cn/
  这个网站如何用？我是xjb点着点着就会了，无非就是看见图标就点，找download，实在不会网上搜下。

• 自己画。
  **在线画图自定义生成svg：**http://editor.method.ac/
  画好了之后，点击网页上的File->save默认保存为svg格式。但这个svg在android是无法使用的。需要下一步的转换。
  **普通svg转换为android平台可识别的svg格式：**http://inloop.github.io/svg2android/
  点开这个软件中间的区域，会让你选择本地文件，你就选刚刚生成的svg文件，完事之后保存，copy到项目drawAble目录下就能用了。

• 找有经验的UI做.（UI妹妹表示你一点也不怜香惜玉）

PS:你也可以去下Studio插件里有一个"SVG to VectorDrawable"，这个也能将公共格式的svg转换为android格式的SVG。

这是本文用到SVG文件：

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:height="300dp"
    android:width="300dp"
    android:viewportHeight="70"
    android:viewportWidth="70" >

    <group
        android:name