Android SVG动画实现详解

Android svg动画还是挺好用

1,svg素材准备

一般来说,SVG格式的图片让UI设计师提供,简单的图也可以网上找,比如阿里icon
Android SVG动画实现详解_第1张图片

2,导入Android Studio

Android SVG动画实现详解_第2张图片
Android SVG动画实现详解_第3张图片

3,完成后的样子

会生成一个xml图片
Android SVG动画实现详解_第4张图片
可以看出,这张图是由三条path组成,重点在于pathData属性。里面有对应的属性,属性配置都很简单

4,添加属性动画

Android SVG动画实现详解_第5张图片

5,在布局中使用动画

新建资源文件svg_anime,把动画加入进来
Android SVG动画实现详解_第6张图片
布局文件引用
Android SVG动画实现详解_第7张图片

6,代码执行动画即可

ImageView viewSvg = findViewById(R.id.imgsvg);
viewSvg.setOnClickListener(new View.OnClickListener() {

            @TargetApi(Build.VERSION_CODES.M)
            @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
            @Override
            public void onClick(View v) {
                AnimatedVectorDrawable vectorDrawable = (AnimatedVectorDrawable) viewSvg.getDrawable();
                vectorDrawable.start();
            }
        });

结果展示
视频不好发,说明下吧。
就是按照设置的动画方式,三条path会同时在两秒内绘画出来

你可能感兴趣的:(总结)