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);

所以最后效果图是这样的

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

时间: 2024-11-26 04:50:10

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

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

基本布局演示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="fil

Android App中的GridView网格布局使用指南_Android

零.常用属性首先我们来看看GridView的一些常用的属性吧 1.android:numColumns="auto_fit" //GridView的列数设置为自动 2.android:columnWidth="90dp " //每列的宽度,也就是Item的宽度 3.android:stretchMode="columnWidth"//缩放与列宽大小同步 4.android:verticalSpacing="10dp" //两行

Android App中的GridView网格布局使用指南

零.常用属性 首先我们来看看GridView的一些常用的属性吧 1.android:numColumns="auto_fit" //GridView的列数设置为自动 2.android:columnWidth="90dp " //每列的宽度,也就是Item的宽度 3.android:stretchMode="columnWidth"//缩放与列宽大小同步 4.android:verticalSpacing="10dp" //两

详解jQuery移动页面开发中的ui-grid网格布局使用_jquery

在移动设备上,屏幕宽度狭窄,因此通常不使用多栏布局,但是有时你可能需要将小的元素(如按钮或并排导航标签,例如)多列排列在一起.Jquery Mobile 框架提供了一种简单的方法构建基于css 的分栏布局,叫做ui-grid Jquery Mobile 提供有四个预设的布局,可以在任何情况下都需要列 两列(使用ui-grid-a类) 三列(使用ui-grid-b类) 四列(使用ui-grid-c类) 五列(使用ui-grid-d类) 网格是100%的宽度,完全看不见的(没有边界或背景)和没有ma

Android应用开发:电话监听和录音代码示例_Android

在oncreate 中执行: 复制代码 代码如下: public void onCreate() {  super.onCreate();  Log.i("TAG", "服务启动了");   // 对电话的来电状态进行监听  TelephonyManager telManager = (TelephonyManager) this    .getSystemService(Context.TELEPHONY_SERVICE);  // 注册一个监听器对电话状态进行监

Android应用开发:电话监听和录音代码示例

在oncreate 中执行:复制代码 代码如下:public void onCreate() {  super.onCreate();  Log.i("TAG", "服务启动了"); // 对电话的来电状态进行监听  TelephonyManager telManager = (TelephonyManager) this    .getSystemService(Context.TELEPHONY_SERVICE);  // 注册一个监听器对电话状态进行监听  t

Android中在GridView网格视图上实现item拖拽交换的方法_Android

GridView基础新建一个HelloGridView的工程 修改main.xml代码如下: <?xml version="1.0" encoding="utf-8"?> <GridView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/gridview" android:layout_width=&qu

Android中在GridView网格视图上实现item拖拽交换的方法

GridView基础 新建一个HelloGridView的工程 修改main.xml代码如下: <?xml version="1.0" encoding="utf-8"?> <GridView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/gridview" android:layout_width=&q

Android编程开发中ListView的常见用法分析_Android

本文实例讲述了Android编程开发中ListView的常见用法.分享给大家供大家参考,具体如下: 一.ListView的使用步骤 ListView的使用通常有以下三个要素: (1)ListView中每个条目的布局; (2)填充进入ListView中的内容; (3)将内容与页面进行整合的Adapter. 因此,使用ListView也通常有以下三个步骤: (1)创建ListView条目的布局文件(或使用Android SDK提供的布局); (2)创建填充进入ListView中的内容,如字符串.图片