Android的GridView一般翻译为网格视图,GridView的排列方式与矩阵类似,用于在界面上按行、列分布的方式来显示多个组件。通过查看GridView类的继承关系,我们发现GridView与ListView有相同的父类:AbsListView,所以GridView与ListView用法有一定的相似性。我们知道ListView只是在一个方面上的分布,而GridView则会在两个方向上分布。同样,GridView也需要通过Adapter知配器来提供显示的数据,我们既可通过SimpleAdapter来为GridView提供数据,也可以通过继续BaseAdapter来为GridView提供数据。

GridView常用的XMl属性如下: >android:columnWidth:设置列的宽度 >android:horizontalSpacing:设置各元素之间的水平间距 >android:numColumns:设置列数 >android:verticalSpacing:设置各元素之间的垂直间距。

下面的这个例子中我们只是简单的演示了GridView的使用,通过SimpleAdapter使用GridView简单的显示一组图片。由于代码都比较熟悉,没有过多的注释。

GridViewDemoActivity.java:

package com.liuzhichao.gridview;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.app.Activity;
import android.os.Bundle;
import android.widget.GridView;
import android.widget.SimpleAdapter;

public class GridViewDemoActivity extends Activity {

	GridView gridView;
	//图片资源数组
		static final int[] imgs = new int[] {R.drawable.ringvibrosoundicon,R.drawable.brightnessicon,
			R.drawable.lockpattern,R.drawable.wifiicon,
			R.drawable.gpsicon,R.drawable.bluetoothicon,
			R.drawable.autosync,R.drawable.autorotate,
			R.drawable.screentimeouticon,R.drawable.airplaneicon,
			R.drawable.wirelessicon,R.drawable.net2g3gicon};
	List<Map<String, Object>> listItems;
	SimpleAdapter adapter;
	@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        gridView = (GridView)findViewById(R.id.gridView1);


        listItems = new ArrayList<Map<String,Object>>();
        for (int i = 0; i < imgs.length; i++) {
			Map<String, Object> map = new HashMap<String, Object>();
			map.put("img", imgs[i]);
			listItems.add(map);
		}

        adapter = new SimpleAdapter(this, listItems, R.layout.image, new String[]{"img"}, new int[]{});
        gridView.setAdapter( adapter);
    }
}

使用到的image.xml布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

  <ImageView
    android:gravity="center"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">
</ImageView>

</LinearLayout>

主布局文件main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

  <GridView
    android:id="@+id/gridView1"
    android:numColumns="auto_fit"
    android:gravity="center"
    android:columnWidth="100dp"
    android:stretchMode="columnWidth"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

</GridView>

</LinearLayout>

运行效果: