Android开发——SVG动画框架PathView的使用

慕容宇
2023-12-01

前言

在学习菜鸟窝的菜鸟手机助手的过程中,学习到了SVG动画框架PathView的使用,记录一下开发心得。

PathView的Github地址

【传送门】https://github.com/geftimov/android-pathview

PNG转SVG的工具地址

【传送门】https://image.online-convert.com/convert-to-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();

完成上面的使用步骤,我们就能实现漂亮动画啦!!!

 类似资料: