博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
巧妙地添加GridView的 网格线
阅读量:6091 次
发布时间:2019-06-20

本文共 2025 字,大约阅读时间需要 6 分钟。

hot3.png

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.运行截图

2、定义Selector来实现

转载于:https://my.oschina.net/u/1424386/blog/343143

你可能感兴趣的文章
Hadoop 学习系列(四)之 MapReduce 原理讲解
查看>>
函数throttle、debounce介绍
查看>>
源码阅读:SDWebImage(三)——NSData+ImageContentType
查看>>
十六、类的真正形态
查看>>
spring-cloud Sleuth
查看>>
Python 进阶之路 (十一) 再立Flag, 社区最全的itertools深度解析(下)
查看>>
微信分享,二次分享(移动web端)
查看>>
蚂蚁金服智能推荐引擎解决方案与实践
查看>>
PC比电脑好玩的秘密是什么?答案就是因为有这些神奇的网站!
查看>>
30秒的PHP代码片段(2)数学 - Math
查看>>
助力中文文字识别突破,美团公开首个真实场景招牌图像数据集
查看>>
IOS常用框架集合
查看>>
Laravel 深入核心系列教程
查看>>
webpack 性能提速
查看>>
一次下载多个文件的解决思路-JS
查看>>
记录使用Vue相关API开发项目时遇到的问题难点整理(不定时更新)
查看>>
《Java8实战》-第五章读书笔记(使用流Stream-02)
查看>>
vue轮播图插件之vue-awesome-swiper
查看>>
Cabloy.js:基于EggBorn.js开发的一款顶级Javascript全栈业务开发框架
查看>>
HTTP相关知识汇总
查看>>