首页 > 移动平台 > 详细

Android-GridView添加网格分割线

时间:2014-08-18 10:29:43      阅读:659      评论:0      收藏:0      [点我收藏+]

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

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

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

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

实现方法

  1. 设置GridView背景色,设置水平间方向间隔属性值android:horizontalSpacing和竖直方向间隔属性值android:verticalSpacing
  2. 设置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.运行截图
bubuko.com,布布扣

Android-GridView添加网格分割线,布布扣,bubuko.com

Android-GridView添加网格分割线

原文:http://www.cnblogs.com/a354823200/p/3918838.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!