转载注明出处:
http://blog.csdn.net/eana_don/article/details/8314659
GridView与ListView的用法十分类似。在出现列表的时候会大量的使用ListView而GridView则是适用于九宫格。Gridview使用步骤与ListView一样:
1.获取控件。2.生成数据。3.生成Adapter。4.设置Adapter。5.为GridView的表格项添加点击监听。
1.获取控件。
GridView与ListView的用法十分类似。在出现列表的时候会大量的使用ListView而GridView则是适用于九宫格。Gridview使用步骤与ListView一样:
1.获取控件。2.生成数据。3.生成Adapter。4.设置Adapter。5.为GridView的表格项添加点击监听。
一、基本用法:
1.获取控件。
gridview = (GridView) findViewById(R.id.gridview);
2.生成数据。
//生成数据list。使用专门的工具类生成数据。
list = MenuFactory.getMainGridMenu();
其中生成数据的MenuFactory.java如下:
package cn.don.factory;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import cn.don.userinterface.GridViewToActivity;
import cn.don.userinterface.R;
public class MenuFactory {
public static final String IMAGE_ID = "imageId";
public static final String TEXT = "text";
public static final String TO_ACTIVITY = "toActivity";
public static List<Map<String,Object>> getMainGridMenu(){
List<Map<String,Object>> list = new ArrayList<Map<String,Object>>();
Map<String,Object> map = null;
map = new HashMap<String, Object>();
map.put(IMAGE_ID, R.drawable.i_daib);//配置对应图标
map.put(TEXT, "事务处理");//配置显示的文字
map.put(TO_ACTIVITY, GridViewToActivity.class);//配置跳转到的地方
list.add(map);
map = new HashMap<String, Object>();
map.put(IMAGE_ID, R.drawable.i_data);
map.put(TEXT, "数据查看");
map.put(TO_ACTIVITY, GridViewToActivity.class);
list.add(map);
map = new HashMap<String, Object>();
map.put(IMAGE_ID, R.drawable.i_gongmsp);
map.put(TEXT, "办公文件");
map.put(TO_ACTIVITY, GridViewToActivity.class);
list.add(map);
map = new HashMap<String, Object>();
map.put(IMAGE_ID, R.drawable.i_shouj);
map.put(TEXT, "收件箱");
map.put(TO_ACTIVITY, GridViewToActivity.class);
list.add(map);
map = new HashMap<String, Object>();
map.put(IMAGE_ID, R.drawable.i_sswb);
map.put(TEXT, "事务处理");
map.put(TO_ACTIVITY, GridViewToActivity.class);
list.add(map);
map = new HashMap<String, Object>();
map.put(IMAGE_ID, R.drawable.i_daib);
map.put(TEXT, "查找");
map.put(TO_ACTIVITY, GridViewToActivity.class);
list.add(map);
map = new HashMap<String, Object>();
map.put(IMAGE_ID, R.drawable.i_weit);
map.put(TEXT, "沟通");
map.put(TO_ACTIVITY, GridViewToActivity.class);
list.add(map);
map = new HashMap<String, Object>();
map.put(IMAGE_ID, R.drawable.i_tongx);
map.put(TEXT, "联系人");
map.put(TO_ACTIVITY, GridViewToActivity.class);
list.add(map);
map = new HashMap<String, Object>();
map.put(IMAGE_ID, R.drawable.i_sx);
map.put(TEXT, "留言");
map.put(TO_ACTIVITY, GridViewToActivity.class);
list.add(map);
return list;
}
}
3.生成Adapter。
//生成Adapter
SimpleAdapter adapter = new SimpleAdapter(
this,
//数据来源。为List类型
list,
//指定表格项的样式
R.layout.grid_item,
//取出Map中字符串的对象填充到指定id中。
new String[]{MenuFactory.IMAGE_ID,MenuFactory.TEXT},
new int[]{R.id.grid_image,R.id.grid_text});
/*
* 详细解释:
* 在R.layout.grid_item中
* 1.R.id.grid_image要填充的图片为:MenuFactory.IMAGE_ID 对应的整形值映射到的 图片(整形对应图片在R.java中有唯一码)
* 2.R.id.grid_text 要填充的文字为:MenuFactory.IMAGE_ID 对应的字符串值
* */
其中使用的表格项样式如下:
<?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="match_parent"
android:orientation="vertical" >
<ImageView
android:id="@+id/grid_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:src="@drawable/i_tongx"/>
<TextView
android:id="@+id/grid_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:textSize="16sp"
android:text="名称"/>
</LinearLayout>
4.设置Adapter。
//设置GridView的Apdapter
gridview.setAdapter(adapter);
5.为GridView的表格项添加点击监听。
//设置GridView的点击监听
gridview.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
long arg3) {
// TODO Auto-generated method stub
Toast.makeText(GridViewActivity.this, "点击的位置为:"+arg2, Toast.LENGTH_SHORT).show();
Intent intent = new Intent(GridViewActivity.this,(Class) list.get(arg2).get(MenuFactory.TO_ACTIVITY));
GridViewActivity.this.startActivity(intent);
}
});