1. 程式人生 > >自定義GridView,新增分割線

自定義GridView,新增分割線

工作過程中,gridview網格佈局會經常用到,大部分情況下不需要進行重新自定義。
比如新增分割線,下劃線,

android:horizontalSpacing="3dp" 				android:verticalSpacing="3dp"

這兩個屬性就可以幫我們實現。但是問題來了,這兩個屬性只會充滿gridview寬高,無法實現如圖這種效果。在這裡插入圖片描述
沒辦法,就只能自定義GridView了。
只需要重寫ondraw()方法就行了。

protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        int numColumns = getNumColumns();//列數
        if (numColumns < 1) return;
        int childCount = getChildCount();//子view個數
        if (childCount <= 0) return;
        int row = 0;
        if (childCount % numColumns == 0) {
            row = childCount / numColumns;
        } else {
            row = childCount / numColumns + 1;
        }
        if (row < 2) return;
        for (int i = 0; i <= row - 1; i++) {
            if (i < row - 1) {//除去最後一行其他都劃線
                View leftChild = getChildAt(numColumns * i);//拿到i行,第一個子view來計算座標位置
                int botom = leftChild.getBottom();
                int left = getLeft() + 100;//100為邊距,不要邊距可不加。
                int right = getRight() - 100;
                canvas.drawLine(left, botom, right, botom, borderPaint);//borderPaint 為自定義畫筆。
            }
        }
    }

這樣就可以實現分割線新增邊距了。
github地址:自定義可新增帶邊距分割線的GridView