一、java源码
package cn.com.test;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.GridView;
import android.widget.ListAdapter;
import android.widget.SimpleAdapter;
import android.widget.Toast;
public class GridViewTest extends Activity {
// gridView控件
private GridView gridView;
// 假设显示9个item,这对应着9个item的显示名称
private String[] defItemTexts = new String[] { "搜索", "文件管理", "下载管理", "全屏",
"网址", "加入书签","删除书签", "分享页面", "关闭" };
// 这对应着9个item的图片,这里我偷懒了,统一用了系统自带的图片
private int[] defItemImages = new int[] { R.drawable.q, R.drawable.q, R.drawable.q,
R.drawable.q, R.drawable.q, R.drawable.q, R.drawable.q , R.drawable.q ,
R.drawable.q };
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
// 初始化参数
gridView = (GridView) findViewById(R.id.gridView);
// 设置数据匹配器
gridView.setAdapter(getAdapter());
//设置水平间隔
gridView.setHorizontalSpacing(15);
//设置垂直间隔
gridView.setVerticalSpacing(20);
// 只是显示是没用用的,这里我们在添加单击item时的监听事件
gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
public void onItemClick(AdapterView<?> arg0, View arg1, int index, long arg3) {
Toast.makeText(GridViewTest.this, index + "", 2).show();
}
});
}
/**
* DOC 获取数据匹配器
*/
private ListAdapter getAdapter() {
// 该list用来存放每一个item对应的文字和图片
// List[map1,map2]其中每个map包含两个key为itemText、itemImage的数据
List<HashMap<String, Object>> list = new ArrayList<HashMap<String, Object>>();
for (int i = 0; i < defItemTexts.length; i++) {
HashMap<String, Object> map = new HashMap<String, Object>();
map.put("itemText", defItemTexts[i]);
map.put("itemImage", defItemImages[i]);
list.add(map);
}
// 该构造函数,这里说明一下
// 第一个参数为new SimpleAdapter(Context, 上面的list,
// 每一个项对应的itemView,itemView里显示的所有信息(要和list里的map里的名称一样) ,
// itemView里控件id);
SimpleAdapter simpleAdapter = new SimpleAdapter(this, list, R.layout.item,
new String[] { "itemText", "itemImage" },
new int[] { R.id.imageText, R.id.imageView });
return simpleAdapter;
}
}
二、XML 定义如下:
1)main.xml
<?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"
>
<!--
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello"
/>-->
<GridView
android:id="@+id/gridView"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:numColumns="3"
android:gravity="center" />
</LinearLayout>
2)item.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:id="@+id/imageView"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/imageText"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
三、效果图如下: