カスタム折れ線グラフ、アリの富を模倣

  //       ，      ，  mWidth、mBaseHeight。
    protected final float DEF_WIDTH = 650;
    protected final float DEF_HIGHT = 400;

    //       ，  onMeasure     。
    protected int mBaseWidth;
    protected int mBaseHeight;
    private Paint mInnerXPaint;
    private Paint mLoadingPaint;
    private Paint mXYPaint;
    private Paint mLinePaint;
    private Paint dotPaint;
    //    padding,    
    //x、y          
    protected float mXYTextSize = 25;
    //             
    protected float mLeftTxtPadding = 64;
    //            
    protected float mBottomTxtPadding = 40;

    protected float mBasePaddingTop = 200;
    protected float mBasePaddingBottom = 200;
    protected float mBasePaddingLeft = 150;
    protected float mBasePaddingRight = 50;
    private ArrayList mPoints;
    private float mPerX;
    private float mPerY;

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

    public ChartView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public ChartView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
        if (widthSpecMode == AT_MOST && heightSpecMode == AT_MOST) {
            setMeasuredDimension((int) DEF_WIDTH, (int) DEF_HIGHT);
        } else if (widthSpecMode == AT_MOST) {
            setMeasuredDimension((int) DEF_WIDTH, heightSpecSize);
        } else if (heightSpecMode == AT_MOST) {
            setMeasuredDimension(widthSpecSize, (int) DEF_HIGHT);
        } else {
            setMeasuredDimension(widthSpecSize, heightSpecSize);
        }
        mBaseWidth = getMeasuredWidth();
        mBaseHeight = getMeasuredHeight();
    }

    /**
     *          
     */
    private void init() {
        //       
        mLoadingPaint = new Paint();
        mLoadingPaint.setColor(getContext().getResources().getColor(R.color.colorAccent));
        mLoadingPaint.setTextSize(14);
        mLoadingPaint.setAntiAlias(true);
        //   x  
        mInnerXPaint = new Paint();
        mInnerXPaint.setColor(Color.LTGRAY);
        mInnerXPaint.setStrokeWidth(1);
        mInnerXPaint.setStyle(Paint.Style.STROKE);
        mInnerXPaint.setAntiAlias(true);
        //x y    
        mXYPaint = new Paint();
        mXYPaint.setColor(Color.GRAY);
        mXYPaint.setTextSize(25);
        mXYPaint.setAntiAlias(true);
        //  
        mLinePaint = new Paint();
        mLinePaint.setColor(Color.RED);
        mLinePaint.setStyle(Paint.Style.STROKE);
        mLinePaint.setAntiAlias(true);
        mLinePaint.setTextSize(11);
        //     
        dotPaint = new Paint();
        dotPaint.setColor(Color.BLUE);
        dotPaint.setStrokeWidth(1);
        dotPaint.setAntiAlias(true);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        //   X    
        drawInnerXPaint(canvas);
        //  xy   
        drawXYPaint(canvas);
        //     
        drawBrokenPaint(canvas);
        //       
        drawDot(canvas);
    }

    /**
     *        
     *
     * @param canvas
     */
    private void drawDot(Canvas canvas) {
        //                 60  
        float buyXDot = mBasePaddingLeft + (4 * mPerX);
        float buyYDot = (mBaseHeight - mBasePaddingTop) - (mPoints.get(4).y * mPerY);
        //        
        dotPaint.setStrokeWidth(Utils.dip2px(getContext(), 1));
        canvas.drawLine(buyXDot, buyYDot, buyXDot, buyYDot - Utils.dip2px(getContext(), 20), dotPaint);  //    
        dotPaint.setStrokeWidth(Utils.dip2px(getContext(), 4));
        canvas.drawCircle(buyXDot, buyYDot, Utils.dip2px(getContext(), 2), dotPaint); //    
        dotPaint.setStrokeWidth(Utils.dip2px(getContext(), 0.5f));
        dotPaint.setStyle(Paint.Style.FILL);
        canvas.drawRect(buyXDot - Utils.dip2px(getContext(), 30), buyYDot - Utils.dip2px(getContext(), 26),
                buyXDot, buyYDot - Utils.dip2px(getContext(), 13), dotPaint);
        dotPaint.setTextSize(Utils.dip2px(getContext(), 11));
        dotPaint.setColor(Color.WHITE);
        canvas.drawText("  ", buyXDot - Utils.dip2px(getContext(), 30 / 2) - dotPaint.measureText("  ") / 2, buyYDot - Utils.dip2px(getContext(), 15), dotPaint);
        float saleXDot = mBasePaddingLeft + (20 * mPerX);
        float saleYDot = (mBaseHeight - mBasePaddingTop) - (mPoints.get(20).y * mPerY);
        //        
        dotPaint.setColor(Color.GREEN);
        dotPaint.setStrokeWidth(Utils.dip2px(getContext(), 1));
        canvas.drawLine(saleXDot, saleYDot, saleXDot, saleYDot - Utils.dip2px(getContext(), 20), dotPaint);  //    
        dotPaint.setStrokeWidth(Utils.dip2px(getContext(), 4));
        canvas.drawCircle(saleXDot, saleYDot, Utils.dip2px(getContext(), 2), dotPaint); //    
        dotPaint.setStrokeWidth(Utils.dip2px(getContext(), 0.5f));
        dotPaint.setStyle(Paint.Style.FILL);
        canvas.drawRect(saleXDot - Utils.dip2px(getContext(), 30), saleYDot - Utils.dip2px(getContext(), 26),
                saleXDot, saleYDot - Utils.dip2px(getContext(), 13), dotPaint);
        dotPaint.setTextSize(Utils.dip2px(getContext(), 11));
        dotPaint.setColor(Color.WHITE);
        canvas.drawText("  ", saleXDot - Utils.dip2px(getContext(), 30 / 2) - dotPaint.measureText("  ") / 2, saleYDot - Utils.dip2px(getContext(), 15), dotPaint);

    }
        private void drawInnerXPaint (Canvas canvas){
            // 5      
            //              
            float perHight = (mBaseHeight - mBasePaddingBottom - mBasePaddingTop) / 4;
            //     
            canvas.drawLine(0 + mBasePaddingLeft, mBasePaddingTop,
                    mBaseWidth - mBasePaddingRight, mBasePaddingTop, mInnerXPaint);//       

            canvas.drawLine(0 + mBasePaddingLeft, mBasePaddingTop + perHight * 1,
                    mBaseWidth - mBasePaddingRight, mBasePaddingTop + perHight * 1, mInnerXPaint);//2

            canvas.drawLine(0 + mBasePaddingLeft, mBasePaddingTop + perHight * 2,
                    mBaseWidth - mBasePaddingRight, mBasePaddingTop + perHight * 2, mInnerXPaint);//3

            canvas.drawLine(0 + mBasePaddingLeft, mBasePaddingTop + perHight * 3,
                    mBaseWidth - mBasePaddingRight, mBasePaddingTop + perHight * 3, mInnerXPaint);//4

            canvas.drawLine(0 + mBasePaddingLeft, mBaseHeight - mBasePaddingBottom,
                    mBaseWidth - mBasePaddingRight, mBaseHeight - mBasePaddingBottom, mInnerXPaint);//       

        }

        private void drawXYPaint (Canvas canvas){
            //   y     
            //     、     
            Paint.FontMetrics fontMetrics = mXYPaint.getFontMetrics();
            float height = fontMetrics.descent - fontMetrics.ascent;
            //draw min
            float txtWigth = Utils.dip2px(getContext(), 10) + mLeftTxtPadding;

            //        ，               ，    。
            float perYWidth = (mBaseHeight - mBasePaddingBottom - mBasePaddingTop) / 4;
            //       
            for (int i = 0; i < 5; i++) {
                canvas.drawText((20 * i) + "",
                        mBasePaddingLeft - txtWigth,
                        mBaseHeight - mBasePaddingBottom - perYWidth * i + height / 2, mXYPaint);
            }

            //  x     
            //x      
            float hight = mBaseHeight - mBasePaddingBottom + mBottomTxtPadding;

            //  X   
            float space = (mBaseWidth - mBasePaddingLeft - mBasePaddingRight - mXYPaint.measureText("2020-02-02") * 2 - mXYPaint.measureText("2020-02-02") / 2) / 2;  //         
            canvas.drawText("2020-02-02", mBasePaddingLeft - mXYPaint.measureText("2020-02-02") / 2, hight, mXYPaint);
            canvas.drawText("2020-02-04", mBasePaddingLeft + space + mXYPaint.measureText("2020-02-02") / 2, hight, mXYPaint);
            canvas.drawText("2020-02-06", mBaseWidth - mBasePaddingRight - mXYPaint.measureText("2020-02-02"), hight, mXYPaint);
        }

        private void drawBrokenPaint (Canvas canvas){
            mPerX = (mBaseWidth - mBasePaddingLeft - mBasePaddingRight) / mPoints.size();
            mPerY = ((mBaseHeight - mBasePaddingTop - mBasePaddingBottom) / 80);
            Path path = new Path();
            path.moveTo(mBasePaddingLeft, (mBaseHeight - mBasePaddingTop) - (mPoints.get(0).y * mPerY));
            for (int i = 1; i < mPoints.size(); i++) {
                path.lineTo(mBasePaddingLeft + (i * mPerX), (mBaseHeight - mBasePaddingTop) - (mPoints.get(i).y * mPerY));
            }
            canvas.drawPath(path, mLinePaint);

        }

        public void setData (ArrayList < Point > points) {
            this.mPoints = points;
            invalidate();
        }