Android应用开发中使用GridView网格布局的代码示例

 更新时间:2016年06月08日 15:51:15   作者:泽江08  
GridView布局比较基础,可以取代已经逐渐淡出人们视线的TableLayout,这里我们就来看一下Android应用开发中使用GridView网格布局的代码示例:

基本布局演示
1. 定义包含GridView 的 main.xmk

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  >
<GridView 
  android:id="@+id/gride"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
<strong>  android:numColumns="3"</strong>
  android:verticalSpacing="5dip"
  />
</LinearLayout>

这行应该注意一下:

android:numColumns="3"

用来设定GridView每行显示的View数目 如果没有这行 会默认每行显示一个View 和ListView 的一样

2. 自定义 class ImageList extends BaseAdapter 其中主要是:

View getView(int position, View convertView, ViewGroup parent)

用于显示目标ImageView

public class ImageList extends BaseAdapter {
    Activity activity;
     
    //construct
    public ImageList(Activity a ) {
      activity = a;
    }
     
    @Override
    public int getCount() {
      // TODO Auto-generated method stub
      return image.length;
    }
 
    @Override
    public Object getItem(int position) {
      // TODO Auto-generated method stub
      return image[position];
    }
 
    @Override
    public long getItemId(int position) {
      // TODO Auto-generated method stub
      return position;
    }
 
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
      // TODO Auto-generated method stub
      ImageView iv = new ImageView(activity);
      iv.setImageResource(image[position]);
      return iv;
    }
  }

3. 给GridView指定Adapter

GridView gv = (GridView) findViewById(R.id.gride);
ImageList adapter = new ImageList(this);
gv.setAdapter(adapter);

所以最后效果图是这样的 

201668154457792.png (320×480)


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

201668154607821.jpg (240×432)

相关文章

  • Android同时安装Release和Debug版本的方法

    Android同时安装Release和Debug版本的方法

    这篇文章主要介绍了Android同时安装Release和Debug版本的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • Android Studio 创建自定义控件的方法

    Android Studio 创建自定义控件的方法

    这篇文章主要介绍了Android Studio 创建自定义控件的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06
  • Android和PC端通过局域网文件同步

    Android和PC端通过局域网文件同步

    这篇文章主要为大家详细介绍了Android和PC端通过局域网文件同步的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-07-07
  • 获取Android设备电池电量状态

    获取Android设备电池电量状态

    本文介绍了在Android系统中获取设备电池电量状态的方法,包括使用BatteryManager类获取电量百分比、电池状态和健康状况,以及通过注册广播接收器实时获取电量状态变化。了解这些方法可以帮助用户更好地管理设备的使用,避免因电量不足而影响使用体验。
    2023-03-03
  • Android实现的截屏小程序示例

    Android实现的截屏小程序示例

    这篇文章主要介绍了Android实现的截屏小程序,结合实例形式分析了Android窗口操作及图像处理的相关技巧,需要的朋友可以参考下
    2016-10-10
  • Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)

    Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)

    RecyclerView出现已经有一段时间了,相信大家肯定不陌生了,下面这篇文章主要给大家介绍了Android中RecyclerView实现多级折叠列表效果(TreeRecyclerView)的相关资料,文中介绍的非常详细,需要的朋友可以参考下。
    2017-05-05
  • Flutter Widget之FutureBuilder使用示例详解

    Flutter Widget之FutureBuilder使用示例详解

    这篇文章主要为大家介绍了Flutter Widget之FutureBuilder使用示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • Kotlin Flow封装类SharedFlow StateFlow LiveData使用对比

    Kotlin Flow封装类SharedFlow StateFlow LiveData使用

    这篇文章主要为大家介绍了Kotlin Flow封装类SharedFlow StateFlow LiveData使用对比,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • Android WebView支持input file启用相机/选取照片功能

    Android WebView支持input file启用相机/选取照片功能

    这篇文章主要介绍了Android-WebView支持input file启用相机/选取照片功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • Android  Wifi的forget()操作实例详解

    Android Wifi的forget()操作实例详解

    这篇文章主要介绍了Android Wifi的forget()操作实例详解的相关资料,需要的朋友可以参考下
    2017-02-02

最新评论