加载SVG动画

收集参考备录,方便自己查阅,仅供学习参考
SVG基础

动画示例

android SVG动画

文件准备

1.在res/drawable 文件夹下编写svg文件:

toutiao_svg.xml






    

    

    

    



2.对path:tt_1,tt_2,tt_3 设置变换路径动画:

tt_path_one.xml:




 //依次执行 pathData 位置变换

    

    

    

    



tt_path_two.xml:






    

    

    

    



tt_path_three:






    

    

    

    



3.关联动画:

toutiao_anim.xml:






    //路径tt_1的动画

    



    //路径tt_2的动画

    



    //路径tt_3的动画

    



代码执行动画:

val animatedVectorDrawable = AnimatedVectorDrawableCompat.create(this, R.drawable.toutiao_anim)

        svg_iv.setImageDrawable(animatedVectorDrawable)

        val animatable = svg_iv.drawable as Animatable

        animatable.start()

或者


在布局文件设置:

android:src="@drawable/toutiao_anim"

在代码中:

val animatable = svg_iv.drawable as AnimatedVectorDrawable

or

val animatable = svg_iv.drawable as Animatable

    animatable.start()

多属性组合改变

tt_path_color.xml: 改变颜色






    

    

    

    



在toutiao_anim.xml中直接和上述动画关联一样即可





这样在改变路径的同时也改变线框的颜色

你可能感兴趣的:(加载SVG动画)