一篇不错的自定义 View 实践文章 | 图表饼图实现

public class AnimatedPieView extends View {
    protected final String TAG = this.getClass().getSimpleName();

    private Paint paint1;
    private Paint paint2;
    private Paint paint3;

    RectF mDrawRectf = new RectF();


    //其他构造器忽略
    public AnimatedPieView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context, attrs);
    }


    private void initView(Context context, AttributeSet attrs) {
        paint1 = new Paint(Paint.ANTI_ALIAS_FLAG | Paint.DITHER_FLAG);
        paint1.setStyle(Paint.Style.STROKE);
        paint1.setStrokeWidth(80);
        paint1.setColor(Color.RED);

        paint2 = new Paint(paint1);
        paint2.setColor(Color.GREEN);

        paint3 = new Paint(paint1);
        paint3.setColor(Color.BLUE);

    }


    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        final float width = getWidth() - getPaddingLeft() - getPaddingRight();
        final float height = getHeight() - getPaddingTop() - getPaddingBottom();

        canvas.translate(width / 2, height / 2);
        //半径
        final float radius = (float) (Math.min(width, height) / 2 * 0.85);
        mDrawRectf.set(-radius, -radius, radius, radius);

        canvas.drawArc(mDrawRectf, 0, 120, false, paint1);
        canvas.drawArc(mDrawRectf, 120, 120, false, paint2);
        canvas.drawArc(mDrawRectf, 240, 120, false, paint3);


    }

}

public interface IPieInfo {

    double getValue();

    @ColorInt
    int getColor();

    String getDesc();
}

public class DegreeUtil {

    public static float limitDegreeInTo360(double inputAngle) {
        float result;
        double tInputAngle = inputAngle - (int) inputAngle;//取小数
        result = (float) ((int) inputAngle % 360.0f + tInputAngle);
        return result < 0 ? 360.0f + result : result;
    }
}

 PieInfoWrapper pointToPieInfoWrapper(float x, float y) {
            final boolean isStrokeMode = mConfig.isStrokeMode();
            final float strokeWidth = mConfig.getStrokeWidth();
            //外圆半径
            final float exCircleRadius = isStrokeMode ? pieRadius + strokeWidth / 2 : pieRadius;
            //内圆半径
            final float innerCircleRadius = isStrokeMode ? pieRadius - strokeWidth / 2 : 0;
            //点击位置到圆心的直线距离(没开根)
            final double touchDistancePow = Math.pow(x - centerX, 2) + Math.pow(y - centerY, 2);
            //内圆半径<=直线距离<=外圆半径
            final boolean isTouchInRing = touchDistancePow >= expandClickRange + Math.pow(innerCircleRadius, 2)
                    && touchDistancePow <= expandClickRange + Math.pow(exCircleRadius, 2);
            if (!isTouchInRing) return null;
            return findWrapper(x, y);
        }

//得到角度
double touchAngle = Math.toDegrees(Math.atan2(y - centerY, x - centerX));

PieInfoWrapper findWrapper(float x, float y) {
            //得到角度
            double touchAngle = Math.toDegrees(Math.atan2(y - centerY, x - centerX));
            if (touchAngle < 0) {
                touchAngle += 360.0f;
            }
            if (lastTouchWrapper != null && lastTouchWrapper.containsTouch((float) touchAngle)) {
                return lastTouchWrapper;
            }
            PLog.i("touch角度 = " + touchAngle);
            for (PieInfoWrapper wrapper : mDataWrappers) {
                if (wrapper.containsTouch((float) touchAngle)) {
                    lastTouchWrapper = wrapper;
                    return wrapper;
                }
            }
            return null;
        }

boolean containsTouch(float angle) {
        //所有点击的角度都需要收归到0~360的范围，兼容任意角度
        final float tAngle = DegreeUtil.limitDegreeInTo360(angle);
        float tStart = DegreeUtil.limitDegreeInTo360(fromAngle);
        float tEnd = DegreeUtil.limitDegreeInTo360(toAngle);
        PLog.d("containsTouch  >>  tStart： " + tStart + "   tEnd： " + tEnd + "   tAngle： " + tAngle);
        boolean result;
        if (tEnd < tStart) {
            if (tAngle > 180) {
                //已经过界
                result = tAngle >= tStart && (360 - tAngle) <= sweepAngle;
            } else {
                result = tAngle + 360 >= tStart && tAngle <= tEnd;
            }
        } else {
            result = tAngle >= tStart && tAngle <= tEnd;
        }
        if (result) {
            PLog.i("find touch point  >>  " + toString());
        }
        return result;
    }

    if (wrapper == null) return;

        //根据touch扩大量修正指示线和描述文字的位置
        float fixPos = (wrapper.equals(mTouchHelper.floatingWrapper) ? getFixTextPos(wrapper) : 0) + (wrapper.equals(mTouchHelper.lastFloatWrapper) ? getFixTextPos(wrapper) : 0);

        final float pointMargins = fixPos
                + pieRadius
                + mConfig.getGuideLineMarginStart()
                + (mConfig.isStrokeMode() ? mConfig.getStrokeWidth() / 2 : 0);
        float cx = (float) (pointMargins * Math.cos(Math.toRadians(wrapper.getMiddleAngle())));
        float cy = (float) (pointMargins * Math.sin(Math.toRadians(wrapper.getMiddleAngle())));

        //略

    }

private LineDirection calculateLineGravity(float startX, float startY) {
        if (startX > 0) {
            //在右边
            return startY > 0 ? LineDirection.BOTTOM_RIGHT : LineDirection.TOP_RIGHT;
        } else if (startX < 0) {
            //在左边
            return startY > 0 ? LineDirection.BOTTOM_LEFT : LineDirection.TOP_LEFT;
        } else if (startY == 0) {
            //刚好中间
            return startX > 0 ? LineDirection.CENTER_RIGHT : LineDirection.CENTER_LEFT;
        }
        return LineDirection.TOP_RIGHT;
    }