VectorDrawableアニメーション

2450 ワード

リソースインデックスsvg転送xmlのツール
アンドロイドのLollipop->VectorDrawable
SVG pathDataの簡単な理解
  • M=moveto(MX,Y):指定座標位置
  • にブラシを移動する.
  • L=lineto(LX,Y):指定座標位置
  • まで直線を引く
  • H=horizontal lineto(H X):水平線を指定したX座標位置
  • まで引く
  • V=vertical lineto(VY):指定Y座標位置
  • まで垂直線を引く.
  • C=curveto(CX 1,Y 1,X 2,Y 2,ENDX,ENDY):三次ベジェ曲線
  • S = smooth curveto(S X2,Y2,ENDX,ENDY)
  • Q=quadratic Belzier curve(Q X,Y,ENDX,ENDY):二次ベジェ曲線
  • T=smooth quadratic Belzier curveto(T ENDX,ENDY):マッピング
  • A=elliptical Arc(A RX,RY,XROTATION,FLAG 1,FLAG 2,X,Y):アーク
  • Z=closepath():経路を閉じる
  • ベクトルマップのXML定義
     
        
    
    
    
        
    //           。  ,clip-path       group    group   
        android:name    clip path    
        android:pathData   android:pathData      。/>
    
    

    アニメーションの定義
    
    
    
    
    
    
    

    AnimatedVectorDrawableのXML定義
    
    
        
        
        
          
        
        
    
    
    

    AnimatedVectorDrawableをImageviewなどのコントロールに渡す.中のDrawableを取得してAnimationDrawableに変更します.start関数を呼び出すと、上記のtargetごとに設定したアニメーションが再生されます.