GridView添加网格线

http://blog.sina.com.cn/s/blog_a2eab3000101276t.html

ListView 中设置分隔线的加如下参数即可:
android:divider="@color/gray"
android:dividerHeight="1dp"

GridView网格布局,默认情况下是没有网格线的

查找网上资料,找到了一种为GridView添加网格线的小技巧

实际上,该网格线是通过设置GridView各子项的间隔,并分别设置GridView背景色与子项背景色实现的。

实现方法

  1. 设置GridView背景色,设置水平间方向间隔属性值android:horizontalSpacing和竖直方向间隔属性值android:verticalSpacing
  2. 设置GridView子项背景色
  3. 也就是空白的spacing那部分的颜色就是会是网格线的颜色(gridview设置的那个颜色)
示例代码:
1.main.xml
  <GridView
               android:id="@+id/gv_words"
               android:visibility="gone"
               android:background="@color/gray"
               android:columnWidth="60dp" 
              android:numColumns="5"
              android:listSelector="@null" 
               android:verticalSpacing="1.0px" 
               android:horizontalSpacing="1.0px"
               android:soundEffectsEnabled="true"
               android:smoothScrollbar="true"   
               android:stretchMode="columnWidth" 
               android:layout_width="fill_parent"
               android:layout_height="fill_parent"
               android:layout_above="@+id/llayout2"
               android:layout_below="@+id/llayout1"/>

2.GrivViewItem布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:background="@color/white"  >
       <RelativeLayout
              android:layout_width="50dp"
              android:layout_height="50dp"
              android:layout_margin="5dp">

                  <TextView
                      android:id="@+id/gv_bushou_TextView1"
                      android:layout_width="wrap_content"
                      android:layout_height="wrap_content"
                      android:layout_below="@+id/ItemImage"
                      android:layout_margin="1dp"
                      android:layout_alignParentTop="true"
                      android:layout_alignParentLeft="true"
                      android:layout_above="@+id/gv_bushou_TextView2"
                      android:layout_toLeftOf="@+id/gv_bushou_TextView2"
                      android:textSize="25dp"
                      android:textColor="@color/blue"
                      android:text="难" >
              </TextView>
     
              <TextView
                      android:id="@+id/gv_bushou_TextView2"
                      android:layout_width="wrap_content"
                      android:layout_height="wrap_content"
                      android:layout_below="@+id/ItemImage"
                      android:layout_alignParentBottom="true"
                      android:layout_alignParentRight="true"
                      android:textColor="@color/gray"
                      android:textSize="10dp"
                      android:text="1笔" >
              </TextView>
       </RelativeLayout>
</LinearLayout>

3.运行截图
GridView添加网格线_第1张图片

你可能感兴趣的:(GridView添加网格线)