Android custom GridView add gridlines

Android custom GridView add gridlines

 

There is a requirement that the use interval is used to check the information on the Internet, but the background of my Gridview is gradient... so it's hard to do it... A custom Gridview is displayed on google, but there is a BUG ..... in the case of even numbers, the bottom line will have the bottom line... the odd number does not. so I modified it.

 

Use Paint to draw by rewriting dispatchDraw

 

 

 

package com.hrcp.starsshoot.widget;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.util.AttributeSet;import android.view.View;import android.widget.GridView;import com.hrcp.starsshoot.R;import com.hrcp.starsshoot.application.Logger;public class LineGridView extends GridView {public LineGridView(Context context) {super(context);}public LineGridView(Context context, AttributeSet attrs) {super(context, attrs);}public LineGridView(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);}protected void dispatchDraw(Canvas canvas) {super.dispatchDraw(canvas);if(getChildAt(0)!=null){View localView1 = getChildAt(0);int column = getWidth() / localView1.getWidth();int childCount = getChildCount();int row=0;if(childCount%column==0){row=childCount/column;}else{row=childCount/column+1;}int endAllcolumn=(row-1)*column;Paint localPaint,localPaint2;localPaint = new Paint();localPaint2=new Paint();localPaint.setStyle(Paint.Style.STROKE);localPaint2.setStyle(Paint.Style.STROKE);localPaint.setStrokeWidth(2);localPaint2.setStrokeWidth(2);localPaint.setColor(Color.parseColor("#C12817"));localPaint2.setColor(Color.parseColor("#F75845"));  for(int i = 0;i < childCount;i++){            View cellView = getChildAt(i);            if((i + 1) % column != 0){             canvas.drawLine(cellView.getRight(), cellView.getTop(), cellView.getRight(), cellView.getBottom(), localPaint);                 canvas.drawLine(cellView.getRight()+1, cellView.getTop(), cellView.getRight()+1, cellView.getBottom(), localPaint2);            }            if((i+1)<=endAllcolumn){                canvas.drawLine(cellView.getLeft(), cellView.getBottom(), cellView.getRight(), cellView.getBottom(), localPaint);                  canvas.drawLine(cellView.getLeft(), cellView.getBottom()+1, cellView.getRight(), cellView.getBottom()+1, localPaint2);                }        }        if(childCount % column != 0){            for(int j = 0 ;j < (column-childCount % column) ; j++){                View lastView = getChildAt(childCount - 1);                canvas.drawLine(lastView.getRight() + lastView.getWidth() * j, lastView.getTop(), lastView.getRight() + lastView.getWidth()* j, lastView.getBottom(), localPaint);                canvas.drawLine(lastView.getRight() + lastView.getWidth() * j+1, lastView.getTop(), lastView.getRight() + lastView.getWidth()* j+1, lastView.getBottom(), localPaint2);            }        }}}}

The usage is the same as that of the common Gridview.