[英]Android draw circle with 2 colors (Pie chart)
这是我在stackoverflow.com上的第一个问题,请原谅自己,如果我做错了。
我想创建一个基本上像进度条的圆圈。 现在我想通过一些代码来设置百分比。
我想要实现的目标是: https : //raw.github.com/psud/Melde-App/master/res/drawable-hdpi/circlemiddle.png
我的问题:
谢谢。
这只是一个提示。 它只是在同一个矩形中绘制两个弧的视图:第一个弧从角度0跨越到360.第二个弧从第0个跨越(从第一个跨越)到一个取决于百分比的角度。
public class PercentView extends View {
public PercentView (Context context) {
super(context);
init();
}
public PercentView (Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
public PercentView (Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init();
}
private void init() {
paint = new Paint();
paint.setColor(getContext().getResources().getColor(R.color.lightblue));
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.FILL);
bgpaint = new Paint();
bgpaint.setColor(getContext().getResources().getColor(R.color.darkblue));
bgpaint.setAntiAlias(true);
bgpaint.setStyle(Paint.Style.FILL);
rect = new RectF();
}
Paint paint;
Paint bgpaint;
RectF rect;
float percentage = 0;
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
//draw background circle anyway
int left = 0;
int width = getWidth();
int top = 0;
rect.set(left, top, left+width, top + width);
canvas.drawArc(rect, -90, 360, true, bgpaint);
if(percentage!=0) {
canvas.drawArc(rect, -90, (360*percentage), true, paint);
}
}
public void setPercentage(float percentage) {
this.percentage = percentage / 100;
invalidate();
}
}
添加到您的布局:
<bla.bla.PercentView
android:id="@+id/percentview"
android:layout_width="100dp"
android:layout_height="100dp" />
您可以使用此库(achartengine - https://code.google.com/p/achartengine/ )轻松实现饼图,而不是滚动自己的解决方案。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.