Android绘制学习——基础形状

有些地方待优化处理，这里就没做处理，只是用来学习记录

public class BarChartView extends View {

    private Context context;


    // 画布的位置
    private int XPoint;
    private int YPoint;

    //刻度长度
    private int XScale = 100;
    private int YScale = 60;

    // x轴y轴的线长
    private int XLength;
    private int YLength;  // 要减去箭头的长度

    // 顶部 底部文字的高度
    private int topTextHight = 60;
    private int bottomTextHight = 100;

    // 设置柱状的高度
    private int height = (int)dipToPx(20);
    private float betweenHeight;

    // 选中的id
    private int chooseId = -1;

    private int MaxDataSize = XLength / XScale;

    private int[] mColors; //对象的颜色
    private List<String> text = new ArrayList<>();  // 底部标题
    private List<RunStatusBean> infos = new ArrayList<>();  // 每个横条的信息


    // 初始化画笔
    private Paint paint;
    private Paint YPaint;
    private Paint YArrowsPaint;
    private Paint headPaint;
    private Paint dottedPaint;
    private Paint datePaint;
    private Paint rectanglePaint;
    private Paint textInRectangle;
    private Paint bottomLinePaint;
    private Paint bottomDiscripPain;




    public BarChartView(Context context, AttributeSet attrs) {
        super(context, attrs);
        this.context = context;

        // 初始化每一个级别的颜色
         mColors = new int[]{Color.parseColor("#F47564"),Color.parseColor("#F2AE6D"),Color.parseColor("#4FC3B8") ,Color.parseColor("#64AFF4")};


        // 初始化画笔
        paint = new Paint();
        paint.setStyle(Paint.Style.STROKE);
        paint.setAntiAlias(true);
        paint.setColor(Color.BLUE);

        // y轴
        YPaint = new Paint();
        YPaint.setStyle(Paint.Style.STROKE);
        YPaint.setAntiAlias(true);
        YPaint.setColor(Color.parseColor("#B0B0B0"));


        // y轴箭头arrows
        YArrowsPaint = new Paint();
        YArrowsPaint.setStyle(Paint.Style.STROKE);
        YArrowsPaint.setAntiAlias(true);
        YArrowsPaint.setColor(Color.parseColor("#B0B0B0"));

        // 头部标题
        headPaint = new Paint();
        headPaint.setTextSize(dipToPx(15));
        headPaint.setColor(Color.parseColor("#B0B0B0"));
        headPaint.setAntiAlias(true);
        headPaint.setTextAlign(Paint.Align.CENTER);

        //虚线
        dottedPaint = new Paint();
        dottedPaint.setStyle(Paint.Style.STROKE);
        PathEffect effects = new DashPathEffect(new float[]{5,5,5,5},1);
        dottedPaint.setAntiAlias(true);
        dottedPaint.setPathEffect(effects);

        //日期文字
        datePaint = new Paint();
        datePaint.setAntiAlias(true);
        datePaint.setTextSize(20);
        datePaint.setTextAlign(Paint.Align.CENTER);

        //矩形
        rectanglePaint = new Paint();
        rectanglePaint.setAntiAlias(true);
        rectanglePaint.setStyle(Paint.Style.FILL);//充满

        // 矩形中的文字
        textInRectangle = new Paint();
        textInRectangle.setTextSize(20);
        textInRectangle.setColor(Color.parseColor("#FFFFFF"));
        textInRectangle.setAntiAlias(true);
        textInRectangle.setTextAlign(Paint.Align.CENTER);

        //底部描述文字的矩形
        bottomLinePaint = new Paint();
        bottomLinePaint.setStyle(Paint.Style.STROKE);
        bottomLinePaint.setStrokeWidth(16);
        bottomLinePaint.setAntiAlias(true);

        // 底部的描述文字
        bottomDiscripPain = new Paint();
        bottomDiscripPain.setColor(Color.parseColor("#A1A6BB"));
        bottomDiscripPain.setAntiAlias(true);
        bottomDiscripPain.setTextSize(26);
        bottomDiscripPain.setTextAlign(Paint.Align.CENTER);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        setMeasuredDimension(measureWidth(widthMeasureSpec), measureHeight(heightMeasureSpec));
    }

    private int measureHeight(int measureSpec) {
        int result = Constant.windowHeight / 3; //结果

        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);
        switch (specMode) {
            case MeasureSpec.AT_MOST:  // 子容器可以是声明大小内的任意大小
                result = specSize;
                break;
            case MeasureSpec.EXACTLY:  //父容器已经为子容器设置了尺寸,子容器应当服从这些边界,不论子容器想要多大的空间.  比如EditTextView中的DrawLeft
                result = (int)(Constant.windowHeight*(0.4));
                break;
            case MeasureSpec.UNSPECIFIED:  //父容器对于子容器没有任何限制,子容器想要多大就多大. 所以完全取决于子view的大小
                result = specSize;
                break;
        }
        return result;
    }

    private int measureWidth(int measureSpec) {

        int result = Constant.windowWidth; //默认的size

        int specMode = MeasureSpec.getMode(measureSpec);
        int specSize = MeasureSpec.getSize(measureSpec);
        switch (specMode) {
            case MeasureSpec.AT_MOST:  // 子容器可以是声明大小内的任意大小
                result = specSize;
                break;
            case MeasureSpec.EXACTLY:  //父容器已经为子容器设置了尺寸,子容器应当服从这些边界,不论子容器想要多大的空间.  比如EditTextView中的DrawLeft
                result = specSize;
                break;
            case MeasureSpec.UNSPECIFIED:  //父容器对于子容器没有任何限制,子容器想要多大就多大. 所以完全取决于子view的大小
                result = (text.size() + 2) * XScale;
                break;
            default:
                break;
        }
        return result;
    }


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

        //画布宽高的确定
        int measuredHeight = getMeasuredHeight();
        int measuredWidth = getMeasuredWidth();

        //起画点
        YPoint = measuredHeight;
        XPoint = 60;
        // land的y坐标
        landY = YPoint - 16;
        // y坐标长度
        YLength = measuredHeight - bottomTextHight - topTextHight;
        XLength = measuredWidth;
        // y坐标刻度
        YScale = YLength / 5;
        MaxDataSize = XLength / XScale;
        // 设置柱状的间距
        betweenHeight = context.getResources().getDimensionPixelSize(R.dimen.y60);



        /*-----------------------------------------------绘制图型--------------------------------------------*/



        //画Y轴
        canvas.drawLine(XPoint, YPoint - bottomTextHight, XPoint, YPoint - YLength - bottomTextHight, YPaint);

        //Y轴箭头
        canvas.drawLine(XPoint, YPoint - YLength - bottomTextHight, XPoint - 3, YPoint-YLength - bottomTextHight + 6, YPaint);
        canvas.drawLine(XPoint, YPoint - YLength - bottomTextHight, XPoint + 3, YPoint-YLength - bottomTextHight + 6, YPaint);

        //画X轴
        canvas.drawLine(XPoint, YPoint - bottomTextHight, XPoint + text.size() * XScale, YPoint - bottomTextHight, YPaint);

        // 头标题
        canvas.drawText("单位：kwh",XPoint + dipToPx(30), topTextHight - 20, headPaint);

        //画x轴上的虚线
        if(text.size() > 1){
            for(int i=0; i<text.size(); i++){
                if (i == chooseId){
                    dottedPaint.setColor(Color.parseColor("#222328"));
                }else{
                    dottedPaint.setColor(Color.parseColor("#B0B0B0"));
                }

                Path path = new Path();
                path.moveTo(XPoint + (i+1) * XScale, YPoint - bottomTextHight);
                path.lineTo(XPoint + (i + 1) * XScale, YPoint - YLength - bottomTextHight);
                canvas.drawPath(path, dottedPaint);
            }
        }

        // 画x轴下的文字
        if(text.size() > 1){
            for(int i=0; i<text.size(); i++){
                if (i == chooseId){
                    datePaint.setColor(Color.parseColor("#0786E7"));
                }else{
                    datePaint.setColor(Color.parseColor("#B0B0B0"));
                }
                canvas.drawText(text.get(i),XPoint + (i+1) * XScale,YPoint -bottomTextHight + 40,datePaint);
            }
        }


        // 画矩形(主要计算出矩形的长度)
        for (int i =0; i<infos.size(); i++){
            int heightCount = 0;
            // 颜色控制
            if (infos.get(i).getStatus() == 0){ // 关机
                rectanglePaint.setColor(mColors[0]);
                heightCount = 1;
            }if (infos.get(i).getStatus() == 10){// 正常
                rectanglePaint.setColor(mColors[1]);
                heightCount = 2;
            }if (infos.get(i).getStatus() == 20){// 故障
                heightCount = 3;
                rectanglePaint.setColor(mColors[2]);
            }if (infos.get(i).getStatus() == 30){// 带病运行
                heightCount = 4;
                rectanglePaint.setColor(mColors[3]);
            }

            // 画矩形
            float left  = ((infos.get(i).getStart()-1) + 0.5f) * XScale + XPoint;   // 拿到月份确定left的位置 和 rigth的位置（）
            float right  = left + (infos.get(i).getEnd()-infos.get(i).getStart() + 1)*XScale;
            float top  = YPoint - bottomTextHight - heightCount * (betweenHeight) - height ;   // 根据状态判断高度
            float bottom  = YPoint - bottomTextHight - heightCount * (betweenHeight)  ;   // height 为矩形的高度
            RectF oval3 = new RectF(left, top, right, bottom);// 设置个新的长方形
            canvas.drawRoundRect(oval3, 10, 10, rectanglePaint);//第二个参数是x半径，第三个参数是y半径

            // 画文字
            canvas.drawText(infos.get(i).getDesc(), (right - left) / 2 + left, height / 2 + top + 6, textInRectangle);

        }

        //画底部描述线条
        bottomLinePaint.setColor(mColors[3]);

        canvas.drawLine(XPoint, landY, XPoint + landWidth, landY, bottomLinePaint);
        bottomLinePaint.setColor(mColors[2]);
        canvas.drawLine(XPoint + landWidth + landAmong + textWidth(landText[0],26,bottomLinePaint), landY
                , XPoint + (landWidth *2) + landAmong + textWidth(landText[0],26,bottomLinePaint), landY, bottomLinePaint);
        bottomLinePaint.setColor(mColors[1]);
        canvas.drawLine(XPoint + (landWidth *2) + (landAmong *2) + textWidth(landText[0],26,bottomLinePaint)+textWidth(landText[1],26,bottomLinePaint)
                , landY, XPoint + (landWidth *3) + (landAmong *2)+ textWidth(landText[0],26,bottomLinePaint)+textWidth(landText[1],26,bottomLinePaint), landY, bottomLinePaint);
        bottomLinePaint.setColor(mColors[0]);
        canvas.drawLine(XPoint + (landWidth *3) + (landAmong *3)+ 2*textWidth(landText[0],26,bottomLinePaint)+textWidth(landText[1],26,bottomLinePaint)
                , landY, XPoint + (landWidth *4) + (landAmong *3)+2*textWidth(landText[0],26,bottomLinePaint)+textWidth(landText[1],26,bottomLinePaint)
                , landY, bottomLinePaint);

        //画底部描述文字
        canvas.drawText(landText[0]
                , excursion + XPoint + landWidth + (landAmong + textWidth(landText[0],26,bottomDiscripPain))/ 2
                , landY + 8, bottomDiscripPain);
        canvas.drawText(landText[1]
                , excursion + XPoint + (landWidth * 2) + (landAmong + textWidth(landText[1],26,bottomDiscripPain))/ 2 + (landAmong + textWidth(landText[0],26,bottomDiscripPain))
                ,landY + 8, bottomDiscripPain);
        canvas.drawText(landText[2]
                , excursion + XPoint + (landWidth * 3) +(landAmong + textWidth(landText[0],26,bottomDiscripPain))+(landAmong + textWidth(landText[1],26,bottomDiscripPain))+((landAmong + textWidth(landText[2],26,bottomDiscripPain))/2)
                ,landY +8,bottomDiscripPain);
        canvas.drawText(landText[3]
                ,excursion + XPoint + (landWidth * 4) +(landAmong + textWidth(landText[0],26,bottomDiscripPain))+(landAmong + textWidth(landText[1],26,bottomDiscripPain))+(landAmong + textWidth(landText[2],26,bottomDiscripPain))+((landAmong + textWidth(landText[3],26,bottomDiscripPain))/2)
                ,landY +8,bottomDiscripPain);
    }

    private int landWidth = 60;
    private int landAmong = 60;
    private int excursion = -14;  // land文字向x方向的偏移量
    private float landY;
    private String [] landText = {"正常","带病运行","故障","关机"};

    private float dipToPx(float dip) {
        float density = getContext().getResources().getDisplayMetrics().density;
        return (int)(dip * density + 0.5f * (dip >= 0 ? 1 : -1));
    }

    public void setHeight(int height) {    // 设置柱状高度
        this.height = height;
    }

    public void setText(List<String> text) {   // 设置底部标题
        this.text = text;
        this.invalidate();
    }

    public void setInfos(List<RunStatusBean> infos) {   // 设置info
        this.infos = infos;
        this.invalidate();
    }

    private float textWidth(String string, int size, Paint paint){
        paint.setTextSize(size);
        float textWidth =paint.measureText(string + "");
        return textWidth;
    }

}