类似于这种画面的Android自定义View该怎么实现
2016-10-22 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
画圆弧是
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中,就可以看到动画效果了。
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中,就可以看到动画效果了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询