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

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

概述基本布局演示1.定义包含GridView的main.xmk<?xmlversion=\"1.0\"encoding=\"utf-8\"?>

基本布局演示
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,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);

所以最后效果图是这样的 


巧妙地添加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.运行截图

总结

以上是内存溢出为你收集整理的Android应用开发中使用GridView网格布局的代码示例全部内容,希望文章能够帮你解决Android应用开发中使用GridView网格布局的代码示例所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1149163.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-31
下一篇 2022-05-31

发表评论

登录后才能评论

评论列表(0条)

保存