android开发步步为营之35：GridView的用法

之前使用asp.net开发软件的过程中也使用GridView，发现android里面也有这么一个控件，使用方法有点相似，都是使用适配器将数据绑定到这个控件，然后将数据展示出来，应该说它和ListView一样，是个非常常用的控件，所以我们应该学习如何使用它，理论知识是没多少的，就是一个展示数据的控件，继承关系如下：

public class GridView

extends AbsListView

java.lang.Object

android.view.View

android.view.ViewGroup

android.widget.AdapterView<T extends android.widget.Adapter>

android.widget.AbsListView

android.widget.GridView

开始我们的范例：

本范例，我们要实现两种效果：

第一种显示小狗的图片列表，点击图片后触发一个提示消息

第二种显示水浒梁山好汉的头像、姓名、年龄信息，点击一行后会在title显示姓名

第一步、设计页面

res\layout\gridview.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout 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/mygridview" android:layout_width="fill_parent"

android:layout_height="fill_parent" android:columnWidth="90dp"

android:numColumns="auto_fit" android:horizontalSpacing="10dp"

android:verticalSpacing="10dp" android:stretchMode="columnWidth"

android:gravity="center">

</GridView>

</RelativeLayout>

res\layout\personview.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:orientation="vertical"

android:layout_width="fill_parent"

android:layout_height="fill_parent">

</RelativeLayout>

第二步、设计Activity GridViewActivity.java

/**

* gridview的用法

package com.figo.helloworld;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import android.app.Activity;

import android.content.Context;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.BaseAdapter;

import android.widget.GridView;

import android.widget.ImageView;

import android.widget.SimpleAdapter;

import android.widget.Toast;

/**

* @author zhuzhifei

public class GridViewActivity extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.gridview);

//给gv装配数据

GridView gridView = (GridView) findViewById(R.id.mygridview);

//使用系统视图ImageView

// gridView.setAdapter(new ImageAdapter(this));

// gridView.setColumnWidth(90);

// // 添加点击行事件

// gridView.setOnItemClickListener(new OnItemClickListener() {

// @Override

// public void onItemClick(AdapterView parent, View view,

// int position, long id) {

// Toast.makeText(GridViewActivity.this, "dog"+id+"汪汪汪",

// Toast.LENGTH_SHORT).show();

// }

// });

//使用简单适配器显示图片+文字

SimpleAdapter adapter = getSimpleAdapter();

gridView.setAdapter(adapter);

gridView.setColumnWidth(200);

// 添加点击行事件

gridView.setOnItemClickListener(new OnItemClickListener() {

@Override

public void onItemClick(AdapterView parent, View view, int position, long id) {

// 在本例中arg2=arg3

Map<String, Object> item = (Map<String, Object>) parent.getItemAtPosition(position);

// 显示所选Item的ItemText

setTitle(item.get("name").toString());

}

});

}

/**

* 简单适配器显示图片+文字

* @return

private SimpleAdapter getSimpleAdapter() {

// 生成动态数组，并且转入数据

List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();

Map<String, Object> map = new HashMap<String, Object>();

map.put("name", "宋江");

map.put("age", "33岁");