記錄一下畫柱形圖的過程，效果圖如下：

效果圖非常簡(jiǎn)單，就不用第三方庫了，我們直接畫吧，這里主要用到LinearGradient線性漸變這個(gè)屬性。

1、新建RectView 繼承 View

    //柱形圖的分值，100分滿分
    private int data[] = {10, 20, 30, 50};
    public RectView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }

2、重寫onDraw方法

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //畫矩形
        Paint paint = new Paint();
        LinearGradient linearGradient = new LinearGradient(0, 0, 0, getHeight(), new int[]{Color.parseColor("#F9D423"), Color.parseColor("#FF4E50")}, null, LinearGradient.TileMode.MIRROR);
        paint.setShader(linearGradient);
        paint.setStyle(Paint.Style.FILL);

        //畫分割線
        Paint linePaint = new Paint();
        linePaint.setColor(Color.parseColor("#e9e9e9"));
        for (int i = 0; i < data.length; i++) {
            canvas.drawRect((getWidth() / data.length) * i, getHeight() - (getHeight() / 100 * data[i]), getWidth() / data.length * (i + 1), getHeight(), paint);
            canvas.drawLine((getWidth() / data.length) * i, 0, (getWidth() / data.length) * i, getHeight(), linePaint);
        }

        //畫最后一條線
        canvas.drawLine(getWidth() - 2, 0, getWidth() - 2, getHeight(), linePaint);
    }

3、設(shè)置數(shù)據(jù)源更新

    public void setData(int data[]) {
        this.data = data;
        invalidate();
    }

4、LinearGradient屬性

LinearGradient(float x0, float y0, float x1, float y1, int colors[], float positions[], TileMode tile)
注：Android中計(jì)算x,y坐標(biāo)都是以屏幕左上角為原點(diǎn)，向右為x+，向下為y+
第一個(gè)參數(shù)為線性起點(diǎn)的x坐標(biāo)
第二個(gè)參數(shù)為線性起點(diǎn)的y坐標(biāo)
第三個(gè)參數(shù)為線性終點(diǎn)的x坐標(biāo)
第四個(gè)參數(shù)為線性終點(diǎn)的y坐標(biāo)
第五個(gè)參數(shù)為實(shí)現(xiàn)漸變效果的顏色的組合
第六個(gè)參數(shù)為前面的顏色組合中的各顏色在漸變中占據(jù)的位置（比重），如果為空，則表示上述顏色的集合在漸變中均勻出現(xiàn)
第七個(gè)參數(shù)為渲染器平鋪的模式，一共有三種
1、CLAMP-----邊緣拉伸
2、REPEAT----在水平和垂直兩個(gè)方向上重復(fù)，相鄰圖像沒有間隙
3、MIRROR---以鏡像的方式在水平和垂直兩個(gè)方向上重復(fù)，相鄰圖像有間隙

簡(jiǎn)單的柱形圖就出來啦。