画圆弧是
canvas.drawArc(mArcRect, -210, 240, false, mArcPaint);
中间的字是
for (int i=0;i<16;i++){
canvas.drawText(String.valueOf(i)+"k",mArcCenterX,mArcCenterY-arcRadius+50,mTextPaint);
canvas.rotate(15.3f,mArcCenterX,mArcCenterY);
}
利用画布旋转把字画出来,下面到题主的问题,三角形箭头我是用Path画:
canvas.drawPath(arrow, arrowPaint);
箭头沿着图中红色圆弧移动是利用canvas的rolate方法:
canvas.rotate(arrowDregree,mArcCenterX,mArcCenterY);
canvas.drawPath(arrow, arrowPaint);
这样就把一定角度的箭头华出来了,关键是箭头角度arrowDregree,为了实现动画效果,只需不停地改变arrowDregree的值,然后invalidate()就可以了,在这里,我使用了属性动画:
ValueAnimator valueAnimator=ValueAnimator.ofFloat(currentDegree,degree);
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
arrowDregree=(float)animation.getAnimatedValue();
invalidate();
}
});
设定动画时间并开始:
valueAnimator.setDuration(2000).start();
好了,把属性动画放在你想放的地方例如onTouchEvent中,就可以看到动画效果了。