9.SVG动画

SVG:

资料1
资料2

用法:

  • VectorDrawable: 创建基于XML的SVG图形
  • AnimatedVectorDrawable:"胶水",实现动画
  • 语法什么的看资料。
创建vector SVG文件:
  • 通过下面xml文件,根据语法画: VectorDrawable
  • 网站SVG图片源码/Studio--> new--> vector Asset/ps,AI将图片转换成SVG
//res/drawable目录


    
        

        
        
        //中间的线,自己加上去的。    
        
    

创建animator:

// res/animtor目录

创建 animated-vector文件:

  • "胶水" 把 VectorDrawable 和 objectAnimator 连起来。
//  res/drawable目录

    
    
    
    

开始动画:

// xml中设置backgroud,代码中用getBackground();
// xml中设置src属性,代码中用getDrawable();
// Animatable animDrawable = (Animatable)ivSvgTarget.getBackground();
Animatable animDrawable = (Animatable) ivSvgTarget.getDrawable();
if (!animDrawable.isRunning()) {
    animDrawable.start();
    }

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