前言

在學習菜鳥窩的菜鳥手機助手的過程中，學習到了SVG動畫框架PathView的使用，記錄一下開發心得。

PathView的Github地址

PNG轉SVG的工具地址

使用方式

1.將你的svg圖片，放到res/raw檔案中，如果沒有raw資料夾就建立一個

2.XML檔案中的使用

<com.eftimoff.androipathview.PathView
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:id="@+id/pathView"
        android:layout_marginTop="-20dp"
        android:layout_width="300dp"
        android:layout_height="300dp"
        app:pathColor="@android:color/holo_red_light"
        app:svg="@raw/logo_cniao5"
        app:pathWidth="3dp"/>
 

3.Java程式碼中的使用

PathView mPathView = findViewById(R.id.pathView);
        mPathView.getPathAnimator()
                .delay(100)
                .duration(5000)
                .listenerEnd(new PathView.AnimatorBuilder.ListenerEnd() {
                    @Override
                    public void onAnimationEnd() {
                        // 監聽動畫完成之後的跳轉實行
                        jump();
                    }
                }).start();
 

完成上面的使用步驟，我們就能實現漂亮動畫啦！！！