android绘制简单饼状图,Android 绘制饼状图

/**

* 饼状图百分比控件

*/

public class PercentCircle extends View {

private final String tag = "PercentCircle";

/**

* 绘制百分比的圆,一共有两部分,分别是内圆、外圆;

* 思路:首先需要两支画笔, 设置画笔对应的属性等;

*/

/**

* 内部圆画笔

*/

private Paint mBackgroundInPaint;

/**

* 内部圆背景颜色

*/

private int mBackgroundInColor;

/**

* 圆心的坐标

*/

private int mCircleX;

private int mCircleY;

/**

* 当前角度

*/

private float mCurrentAngle;

/**

* 圆的外接矩形

*/

private RectF mArcRectF;

/**

* 开始绘制的角度

*/

private float mStartSweepValue;

/**

* 要绘制的角度

*/

private float mTargetPercent;

/**

* 外边圆的画笔

*/

private Paint mRingPaint;

/**

* 外层圆半径

*/

private int mRadius;

/**

* 外层圆颜色

*/

private int mRingColor;

private float newPercent;

public PercentCircle(Context context) {

super(context);

init(context);

}

public PercentCircle(Context context, AttributeSet attrs) {

super(context, attrs);

LogUtils.v(tag, "percentCircle:" + "PercentCircle(Context context, AttributeSet attrs)");

mRadius = 360;

// 背景圆的颜色

mBackgroundInColor = Color.WHITE;

// 外圆环的颜色

mRingColor = Color.parseColor("#a1e0fd");

init(context);

}

public PercentCircle(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

LogUtils.v(tag, "percentCircle:" + "PercentCircle(Context context, AttributeSet attrs, int defStyleAttr)");

init(context);

}

private void init(Context context) {

//圆环开始角度 -90° 正北方向

mStartSweepValue = -90;

//当前角度

mCurrentAngle = 0;

//设置中心园的画笔

mBackgroundInPaint = new Paint();

mBackgroundInPaint.setAntiAlias(true);

mBackgroundInPaint.setColor(mBackgroundInColor);

mBackgroundInPaint.setStyle(Paint.Style.FILL);

//设置外圆环的画笔

mRingPaint = new Paint();

mRingPaint.setAntiAlias(true);

mRingPaint.setColor(mRingColor);

mRingPaint.setStyle(Paint.Style.FILL);

}

// 主要是测量wrap_content时候的宽和高,因为宽高一样,只需要测量一次宽即可,高等于宽

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

setMeasuredDimension(measure(widthMeasureSpec), measure(widthMeasureSpec));

}

// 当wrap_content的时候,view的大小根据半径大小改变,但最大不会超过屏幕

private int measure(int measureSpec) {

int result = 0;

//1、先获取测量模式 和 测量大小

//2、如果测量模式是MatchParent 或者精确值,则宽为测量的宽

//3、如果测量模式是WrapContent ,则宽为 直径值 与 测量宽中的较小值;否则当直径大于测量宽时,会绘制到屏幕之外;

int specMode = MeasureSpec.getMode(measureSpec);

int specSize = MeasureSpec.getSize(measureSpec);

if (specMode == MeasureSpec.EXACTLY) {

result = specSize;

} else {

result = (mRadius * 2);

if (specMode == MeasureSpec.AT_MOST) {

result = Math.min(result, specSize);

}

}

return result;

}

@Override

protected void onLayout(boolean changed, int left, int top, int right, int bottom) {

super.onLayout(changed, left, top, right, bottom);

//1、如果半径大于圆心的横坐标,需要手动缩小半径的值,否则画到屏幕之外;

//4、画背景圆的外接矩形,用来画圆环;

mCircleX = getMeasuredWidth() / 2;

mCircleY = getMeasuredHeight() / 2;

if (mRadius > mCircleX) {

mRadius = mCircleX;

}

mArcRectF = new RectF(mCircleX - mRadius, mCircleY - mRadius, mCircleX + mRadius, mCircleY + mRadius);

}

@Override

protected void onDraw(Canvas canvas) {

super.onDraw(canvas);

//1、先画外边大的圆

//1、再画中间的小圆覆盖大圆的中间部分

mRingColor = Color.parseColor("#a1e0fd");

mRingPaint.setColor(mRingColor);

canvas.drawArc(mArcRectF, mStartSweepValue, (float) (3.6 * mTargetPercent), true, mRingPaint);

mRingColor = Color.parseColor("#f99740");

mRingPaint.setColor(mRingColor);

canvas.drawArc(mArcRectF, (float) (mStartSweepValue + 3.6 * mTargetPercent), (float) (3.6 * newPercent), true, mRingPaint);

canvas.drawCircle(mCircleX, mCircleY, mRadius * 0.672f, mBackgroundInPaint);

}

public void setTargetPercent(float targetPercent) {

mTargetPercent = targetPercent;

}

public void setNewPercent(float newPercent) {

this.newPercent = newPercent;

}

}

你可能感兴趣的:(android绘制简单饼状图)