类似于这种画面的Android自定义View该怎么实现

2025-04-23 20:30:55
推荐回答(1个)
回答1:

画圆弧是
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中,就可以看到动画效果了。