SVG文件我是用的Adobe Illustrator的官方样例文件,当然也可以自己画,但是没有那么漂亮的创意就对了
首先导入svg文件
右键drawable文件new-Vector Asset,选中Local File,然后选择你本地的SVG文件,当然也可以选择Clip Art直接用Android预设图片
TIM截图20190306134953.png
导入之后就是一个路径的列表,因为图片比较复杂,所以路径也会比较多
然后给每一个path路径命名,到时候用来控制动画,这里我就简单加了下命名
然后就是配置动画列表了
新建一个drawable文件,使用animated-vector标签,把刚才命名的路径都加上一个动画配置
anim_show.xml
动画是一个绘制路径的动画,就是从0开始顺着路径绘制
在res新建一个animator的文件夹,再新建一个xml文件
propertyName:从路径结束位置截断路径的比率,取值范围从 0 到1
然后ImageView就可以设置动画了
anim1 = (AnimatedVectorDrawable) getResources().getDrawable(R.drawable.anim_show,null);
imageView.setImageDrawable(anim1);
anim1.start();
具体效果
TIM图片20190306140907.gif
Github:SVG动画Demo