首先上效果圖

QQ圖片20170329221847.gif

（不知道vector是啥玩意的。可以在簡書搜vector第一篇就是-_-）

還算ok吧，來，直奔主題

【One】
下載工具vectalign.jar
功能：轉(zhuǎn)換2個svg至vector，并生成轉(zhuǎn)換動畫xml
具體詳細，不妨百度vectalign
http://pan.baidu.com/s/1qXQUMi4

【Two】
上阿里巴巴圖庫
http://www.iconfont.cn/
隨便找兩個svg下載
那么示例如下兩個

Image 004.png

Image 005.png

【Three】
雙擊vectalign.jar運行（需配置好java環(huán)境）

Image 006.png

點擊Load_SVG分別載入兩個svg

Image 007.png

不用做任何更改，Export即可

Image 008.png

【Four】
新建工程
在app的build.gradle里加上這句
vectorDrawables.useSupportLibrary = true
目的是使vector兼容5.0以下設備

Image 014.png

再將剛才導出的文件導入
一個是4個xml文件
另一個是anim文件夾


完成后如下

Image 013.png

接下來，在布局中加入ImageView，設置app:srcCompat和onClick

Image 015.png

在java中加入以下代碼

private boolean a = true;

    public void img(View view){
    ImageView imageView = (ImageView) view;
    AnimatedVectorDrawable morphing_start = (AnimatedVectorDrawable)
     getDrawable(R.drawable.vectalign_animated_vector_drawable_start_to_end);
    AnimatedVectorDrawable morphing_end = (AnimatedVectorDrawable)
   getDrawable(R.drawable.vectalign_animated_vector_drawable_end_to_start);
    AnimatedVectorDrawable morphing=a?morphing_start:morphing_end;
    imageView.setImageDrawable(morphing);
    if (morphing != null)
        morphing.start();
    a=!a;
}

如圖

Image 016.png

好了，運行編譯即可。