Android GridView 添加 网格线解决办法

在使用 GridView 网格布局时,默认情况下 GridView  是没有网格线的,但是有些时候我们需要让GridView显示分割线,怎么办呢?
查了不少资料,找到了一种为GridView添加网格线的方法。实际上,该网格线是通过设置GridView各子项的间隔,并分别设置GridView背景色与子项背景色实现的。

 

 

实现方法 
1、设置GridView背景色,设置水平间方向间隔属性值android:horizontalSpacing和竖直方向间隔属性值android:verticalSpacing

2、设置GridView子项背景色,要求 子项背景色跟GridView背景色不一致。

 

 

  1. <GridView  
  2.         android:id="@+id/mGridView"  
  3.         android:layout_width="match_parent"  
  4.         android:layout_height="wrap_content"  
  5.         android:numColumns="2"  
  6.         android:stretchMode="columnWidth"  
  7.         android:horizontalSpacing="2dp"    
  8.         android:verticalSpacing="2dp"  
  9.         android:background="@color/yulore_light_blur"    
  10.         android:visibility="gone" />  
<GridView
        android:id="@+id/mGridView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="2"
        android:stretchMode="columnWidth"
        android:horizontalSpacing="2dp"  
    	android:verticalSpacing="2dp"
    	android:background="@color/yulore_light_blur"  
        android:visibility="gone" />



 

grid_item.xml

 

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="wrap_content"  
  4.     android:layout_height="wrap_content"  
  5.     android:layout_margin="1dp"   
  6.     android:background="@color/yulore_blur">  
  7.   
  8.     <TextView  
  9.         android:id="@+id/tv_category_name"  
  10.         android:layout_width="wrap_content"  
  11.         android:layout_height="wrap_content"  
  12.         android:layout_centerInParent="true"  
  13.         android:textColor="@color/yulore_black"  
  14.         android:text="合租房"  
  15.         android:textSize="18sp"   
  16.         android:singleLine="true"  
  17.         android:padding="15dp"/>  
  18.   
  19. </RelativeLayout>  
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="1dp" 
    android:background="@color/yulore_blur">

    <TextView
        android:id="@+id/tv_category_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:textColor="@color/yulore_black"
        android:text="合租房"
        android:textSize="18sp" 
        android:singleLine="true"
        android:padding="15dp"/>

</RelativeLayout>

 

 

 

运行效果(二级分类GridView):

Android GridView 添加 网格线解决办法

 

Android GridView 添加 网格线解决办法,布布扣,bubuko.com

Android GridView 添加 网格线解决办法

上一篇:[NM 状态机1] Application状态机详解


下一篇:Android版百度地图SDK离线包导入相关