Android 风向玫瑰图绘制

/**风向玫瑰图绘制Demo,默认使用16个风向
 * Created by yang_lei 2017/3/9.
 */
public class RoseChart extends View {
    //图标尺寸
    private int chart_size;

    private static Context context;

    //传入参数(各个风向百分比)
    private List<Float> percentageList;

    //风向标签
    private final String arrPerLabel[] = new String[]{"N", "NNE", "NE", "ENE", "E", "ESE", "SE", "SSE", "S", "SSW", "SW", "WSW", "W", "WNW", "NW", "NNW"};

    public RoseChart(Context context, AttributeSet attrs) {
        this(context, attrs, 0, null);
    }

    public RoseChart(Context context) {
        this(context, null);
    }

    /**（默认顺时针方向 N-->NNE-->NE-->ENE-->E.....）
     * @param context
     * @param attrs
     * @param defStyle
     * @param percentageList 风向百分比（默认顺时针方向从正北开始 N-->NNE-->NE-->ENE-->E.....两个方向之间数据不可缺省，数据末尾可以缺省）
     */
    public RoseChart(Context context, AttributeSet attrs, int defStyle, List<Float> percentageList) {
        super(context, attrs, defStyle);

        //初始化 风向百分比 集合
        this.percentageList = percentageList;

        this.context = context;

        /**
         * 获得我们所定义的自定义样式属性
         */
        TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.RoseChart, defStyle, 0);
        chart_size = a.getDimensionPixelSize(R.styleable.RoseChart_chart_size, 0);
        a.recycle();

    }

    @Override
    public void onDraw(Canvas canvas) {

        //画布背景
        canvas.drawColor(getResources().getColor(R.color.blue1));

        float cirX = getWidth() / 2;
        float cirY = getHeight() / 2;
        //计算绘制区域半径
        float radius = (float) (getHeight() * 0.42);//150;

        float arcLeft = cirX - radius;
        float arcTop = cirY - radius;
        float arcRight = cirX + radius;
        float arcBottom = cirY + radius;
        RectF arcRF0 = new RectF(arcLeft, arcTop, arcRight, arcBottom);

        //画笔初始化
        Paint PaintArc = new Paint();
        Paint PaintLabel = new Paint();//汉字标识
        PaintLabel.setColor(Color.WHITE);

        PaintLabel.setAntiAlias(true);
        PaintArc.setAntiAlias(true);
        //位置计算类
        XChartCalc xcalc = new XChartCalc();

        float Percentage = 0.0f;
        float CurrPer = 0.0f;//绘制 扇形区域 当前起始角度
        float CurrPerLabel = 0.0f;//绘制 风向标识 当前起始角度
        float NewRaidus = 0.0f;

        //计算每个扇区的圆心角度数
//        Percentage = 360 / arrPerLabel.length;
//        Percentage = (float) (Math.round(Percentage * 100)) / 100;
        Percentage = (float) round(360.00 / arrPerLabel.length, 2);

        //计算起始扇形区域角度（默认顺时针方向 N-->NNE-->NE-->ENE-->E.....填充扇区）
        CurrPer -= (float) round((Percentage - 4) / 2,2);
        CurrPerLabel -= (float) round((Percentage - 4) / 2,2);

        //绘制三个不同百分比同心圆
        PaintLabel.setStyle(Paint.Style.STROKE);
        PaintLabel.setStrokeCap(Paint.Cap.BUTT);
        canvas.drawCircle(cirX, cirY, radius, PaintLabel);
        canvas.drawCircle(cirX, cirY, (float) (radius * 0.75), PaintLabel);
        canvas.drawCircle(cirX, cirY, (float) (radius * 0.5), PaintLabel);
        canvas.drawCircle(cirX, cirY, (float) (radius * 0.25), PaintLabel);

        //绘制三个不同百分比标识
        //1,取出最大百分比
        Float max = Collections.max(percentageList);

        //绘制 风向 扇区
        for (int i = 0; i < percentageList.size(); i++) {
            //将百分比转换为新扇区的半径
            if (percentageList.get(i) == max) {
                NewRaidus = radius;
            } else {
                NewRaidus = radius * (percentageList.get(i) / max);
                NewRaidus = (float) (Math.round(NewRaidus * 100)) / 100;
            }

            float NewarcLeft = cirX - NewRaidus;
            float NewarcTop = cirY - NewRaidus;
            float NewarcRight = cirX + NewRaidus;
            float NewarcBottom = cirY + NewRaidus;
            RectF NewarcRF = new RectF(NewarcLeft, NewarcTop, NewarcRight, NewarcBottom);

            //分配颜色
//            PaintArc.setARGB(255, arrColorRgb[i][0], arrColorRgb[i][1], arrColorRgb[i][2]);
            PaintArc.setColor(getResources().getColor(R.color.yellow1));
            PaintArc.setAlpha(200);
            //在饼图中显示所占比例
            canvas.drawArc(NewarcRF, CurrPer - 90, Percentage - 4, true, PaintArc);

            //下次的起始角度
            CurrPer += Percentage;
        }

        //2，计算每个同心圆半径所占百分比
        float ThreePercentage = max / 4;
        ThreePercentage = (float) (Math.round(ThreePercentage * 100)) / 100;
        //3,绘制百分比标识
        PaintLabel.setColor(getResources().getColor(R.color.red1));
        PaintLabel.setTextSize(getResources().getDimension(R.dimen.RoseChart_persent));
        PaintLabel.setFakeBoldText(true);
        canvas.drawText(ThreePercentage + "%", cirX + (float) (radius * 0.18), cirY-18, PaintLabel);
        canvas.drawText(ThreePercentage * 2 + "%", cirX + (float) (radius * 0.43), cirY-18, PaintLabel);
        canvas.drawText(ThreePercentage * 3 + "%", cirX + (float) (radius * 0.68), cirY-18, PaintLabel);
        canvas.drawText(ThreePercentage * 4 + "%", cirX + (float) (radius * 0.93), cirY-18, PaintLabel);

        //绘制16个外圈风向标识
        for (int j = 0; j < arrPerLabel.length; j++) {
            //计算百分比标签
            xcalc.CalcArcEndPointXY(cirX, cirY, radius, (float) (CurrPerLabel + (Percentage - 4) * 0.5));
            //标识
            PaintLabel.setColor(Color.WHITE);
            PaintLabel.setTextSize(getResources().getDimension(R.dimen.RoseChart_direction));
            PaintLabel.setStrokeWidth((float) 0.8);
            canvas.drawText(arrPerLabel[j], xcalc.getPosX(), xcalc.getPosY(), PaintLabel);
            //下次的起始角度
            CurrPerLabel += Percentage;
        }

        PaintLabel.setColor(Color.BLACK);
        canvas.drawText("author:Yang_lei", cirX - radius, cirY + radius+context.getResources().getDimension(R.dimen.RoseChart_distance4), PaintLabel);

    }

    public static class XChartCalc {
        private static float x;
        private static float y;
        private static float r;

        public static void CalcArcEndPointXY(float cirX, float cirY, float radius, float Percentage) {
            double a = 2 * Math.PI * (Percentage / 360);
            if (Percentage >= 0 && Percentage < 130) {
                r = radius + context.getResources().getDimension(R.dimen.RoseChart_distance1);
            } else if (Percentage >= 130 && Percentage < 180) {
                r = radius + context.getResources().getDimension(R.dimen.RoseChart_distance2);
            } else if (Percentage == 180) {
                r = radius + context.getResources().getDimension(R.dimen.RoseChart_distance3);
            }  else if (Percentage > 180 && Percentage < 240) {
                r = radius + context.getResources().getDimension(R.dimen.RoseChart_distance4);
            } else if (Percentage > 240 && Percentage < 270) {
                r = radius + context.getResources().getDimension(R.dimen.RoseChart_distance5);
            } else if (Percentage == 270) {
                r = radius + context.getResources().getDimension(R.dimen.RoseChart_distance6);
            } else if (Percentage > 270 && Percentage < 300) {
                r = radius + context.getResources().getDimension(R.dimen.RoseChart_distance5);
            } else if (Percentage >= 300 && Percentage < 330) {
                r = radius + context.getResources().getDimension(R.dimen.RoseChart_distance6);
            } else if (Percentage >=  330 && Percentage < 350){
                r = radius + context.getResources().getDimension(R.dimen.RoseChart_distance3);
            }
            y = cirY - (float) (r * (Math.cos(a)));
            x = cirX + (float) (r * (Math.sin(a)));
        }

        public static float getPosX() {
            return x;
        }

        public static float getPosY() {
            return y;
        }
    }

    /**返回指定小数位数
     * @param v
     * @param scale
     * @return
     */
    public static double round(double v, int scale) {
        if (scale < 0) {
            throw new IllegalArgumentException(
                    "The   scale   must   be   a   positive   integer   or   zero");
        }
        BigDecimal b = new BigDecimal(Double.toString(v));
        BigDecimal one = new BigDecimal("1");
        return b.divide(one, scale, BigDecimal.ROUND_HALF_UP).doubleValue();
    }
}

<resources>
    <dimen name="RoseChart_persent">10sp</dimen>
    <dimen name="RoseChart_direction">8sp</dimen>

    <dimen name="RoseChart_distance1">4dp</dimen>
    <dimen name="RoseChart_distance2">8dp</dimen>
    <dimen name="RoseChart_distance3">10dp</dimen>
    <dimen name="RoseChart_distance4">16dp</dimen>
    <dimen name="RoseChart_distance5">22dp</dimen>
    <dimen name="RoseChart_distance6">12dp</dimen>
</resources>