Android 自定义GridView添加网格线

最新推荐文章于 2021-05-26 00:34:08 发布

冉冉同学_

最新推荐文章于 2021-05-26 00:34:08 发布

阅读量2k

点赞数

分类专栏： Android学习

本文链接：https://blog.csdn.net/tanranran/article/details/42241727

版权

Android学习专栏收录该内容

84 篇文章 0 订阅

订阅专栏

有一个需求是这样的,查了下网上的资料都是利用间隔 ,但是我这个Gridview的背景是渐变的...于是就不好办了...又在google上面看见一个自定义的Gridview,但是有BUG.....在偶数的情况下,最下面一行会有底线...奇数并不会.于是修改了下.

通过重写dispatchDraw 利用Paint进行绘制

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);
		            }
		        }
		}
	}
}

用法和普通的Gridview 一样

 <com.hrcp.starsshoot.widget.LineGridView
        android:id="@+id/gv_lanuch_start"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:listSelector="#AD2C1B"
        android:padding="5dp"
        android:gravity="center"
        android:numColumns="3" />