首页 > 代码库 > Android-GridView添加网格分割线

Android-GridView添加网格分割线

2024-07-18 03:15:37   219人阅读

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.运行截图
GridView添加网格线


联系
我们