Android SVG动画

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

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