private static final String DEFAULT_COLOR = "#00ba9b";private static final int DEFAULT_SIZE = 50;  //默認大小private static final int DRAW_CIRCLE = 10001; //狀態標記 畫出圓形和三角形 執行畫出圓形的動畫private static final int ROTATE_TRIANGLE = 10002; //狀態標記 執行旋轉三角形和收回圓形的動畫private Context mContext;private Paint trianglePaint;  //三角形的畫筆private Paint circlePaint;  //圓形畫筆private float paintStrokeWidth = 1; // 設置圓形的寬度private long duration = 800; //執行時間private int mWidth; //View的寬高private int mHeight;private Path trianglePath; //三角形的路徑private Path circlePath;  //圓形的路徑private Path dst; //由pathMeasure計算后的pathprivate Point p1, p2, p3; //三角形的三個點private ValueAnimator animator; //屬性動畫 主要是獲取0-1的值來執行動畫private float mAnimatorValue = 0;  //存放獲取到的0-1的值private int mCurrentState = 0;  //當前的狀態 private int radius = 0; //圓的半徑private float startSegment; //圓開始畫的長度private PathMeasure mMeasure; //測量pathprivate int triangleColor = -1;private int circleColor = -1;

trianglePath = new Path();p1 = new Point();p2 = new Point();p3 = new Point();trianglePath.moveTo(p1.x, p1.y);trianglePath.lineTo(p2.x, p2.y);trianglePath.lineTo(p3.x, p3.y);trianglePath.close();

circlePath = new Path();RectF circleRect = new RectF(-radius, -radius, radius, radius);circlePath.addArc(circleRect, 268, 358); // 這個是從圓的268°開始畫，畫258°空出兩度的一個缺口

private void initAnimation() {    TimeInterpolator timeInterpolator = new AccelerateDecelerateInterpolator();    animator = ValueAnimator.ofFloat(0, 1).setDuration(duration);    animator.setInterpolator(timeInterpolator);    animator.setRepeatMode(ValueAnimator.RESTART);    animator.setRepeatCount(ValueAnimator.INFINITE);    animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {      @Override      public void onAnimationUpdate(ValueAnimator animation) {        mAnimatorValue = (float) animation.getAnimatedValue(); //這里我們將會拿到一個0-1的值        invalidate(); // 這里進行重繪      }    });    animator.addListener(new Animator.AnimatorListener() {      @Override      public void onAnimationStart(Animator animation) {      }      @Override      public void onAnimationEnd(Animator animation) {      }      @Override      public void onAnimationCancel(Animator animation) {      }      @Override      public void onAnimationRepeat(Animator animation) {        //這里進行狀態轉換,執行不同的動畫        switch (mCurrentState) {          case DRAW_CIRCLE:            mCurrentState = ROTATE_TRIANGLE;            break;          case ROTATE_TRIANGLE:            mCurrentState = DRAW_CIRCLE;            break;          default:            break;        }      }    });  }

protected void onDraw(Canvas canvas) {    super.onDraw(canvas);    //將原點移動到中心位置    canvas.translate(mWidth / 2, mHeight / 2);    // 重置path dst    dst.reset();    //判斷當前的狀態    switch (mCurrentState) {     //這里就是我們說的第一種狀態      case DRAW_CIRCLE:      //這一行是獲取需要截取的path(dst)的開始位置，我們仔細觀察動畫可以看出，圓的開始是由一個位置向      //兩端去畫的，這個位置大約是圓的1/5，當畫到了圓的起點的時候就從圓的起點開始繪制，我把執行這個動畫      //的時間大致的設置為0-1 的0.3的位置左右。        startSegment = (float) (mMeasure.getLength() / 5 * ((0.3 - mAnimatorValue) > 0 ? (0.3 - mAnimatorValue) : 0));        //這里沒什么就是繪制三角形        trianglePaint.setStyle(Paint.Style.FILL_AND_STROKE);        canvas.drawPath(trianglePath, trianglePaint);        //這個方法就是獲取你要截取的片段，第一個參數是開始的位置，第二個參數是結束的位置，第三個參        //數是截取后的path，添加到path（dst），注意是添加不是替換所以前面要reset，第四個參數是，是        //否要移動起點到當前路徑的起點保持dst中的路徑不變（舉個例子，如果dst中之前是有path的，這里        //設置了false，此時就會保證dst的連續性而移動dst后加入的路徑的起點到上一個路徑的終點，從而保持連續性）        mMeasure.getSegment(startSegment, mMeasure.getLength() * mAnimatorValue, dst, true);        canvas.drawPath(dst, circlePaint);        break;         //第二種動畫      case ROTATE_TRIANGLE:      //對畫布進行保存，因為要執行兩個動畫，保存初始狀態下的畫布        canvas.save();        //然后先執行三角形的旋轉        trianglePaint.setStyle(Paint.Style.FILL_AND_STROKE);        canvas.rotate(360 * mAnimatorValue);        canvas.drawPath(trianglePath, trianglePaint);        //恢復畫布        canvas.restore();        //然后是外面圓的消失，消失其實和畫圓的道理是一樣的，這里我們有一組0-1的變化的值，我們只需要        //截取片段的時候讓起點不斷的向總長度靠近，就會出現消失的效果        mMeasure.getSegment(mMeasure.getLength() * mAnimatorValue, mMeasure.getLength(), dst, true);        canvas.drawPath(dst, circlePaint);        break;      default:        break;    }  }