GridView 概念：用于界面按行,列分布的方式来显示多个组件 实现：数据源–>适配器–>视图界面 集合：SimpleAdapter>GridView>OnItemClickLIstener
布局文件声明GridView.java里创建GridView的顺序 1、准备数据源 2、新建适配器（SimpleAdapter） 3、GridView加载适配器 4、GridView配置监听器（OnItemClickListener）
gridView实现过程:
//1.准备数据源 dataList=new ArrayList<Map<String,Object>>(); //2.新建适配器(SimpleAdapter) //参数：【上下文this，新建适配器使用getData()方法,自定义的布局文件, //对应的是自定义布局文件的字符串的数组，对应的是自定义布局文件的两个控件的id】 adapter=new SimpleAdapter(this,getData(),"自定义布局" ,new String[]{"image","text"},new int[]{R.id.image,R.id.text}); //3.gridView加载适配器(SimpleAdapter) gridView.setAdapter(adapter); //4.gridView配置时间监听器(OnItemClickListener) //插入接口OnItemClickListener gridView.setOnItemClickListener(this);getData方法内部
private List<Map<String,Object>> getData(){ for(int i=0 ;i< icon.length ;i++){ Map<String,Object>map=new HashMap<String,Object>(); map.put("image",icon[i]); map.put("text",iconName[i]); dataList.add(map); } return dataList; }GridView配置监听器：使用继承接口的方法
implements OnItemclickListener(){};//在顶部继承接口 gridview.setOnItemClickListener(this);//设置监听事件 public void onIntemClick(AapterView<?> parent, View view,int position,long id){ //在屏幕印出“我是**”的文字 Toast.makeTest(this,"我是"+iconName[position],Toast.LENGTH_SHORT).show(); }GridView的三个常用属性【XML】
android:numColumns="3" //每行显示多少列 自己也有一个属性auto_fit自动适应 android:horizontalSpacing="10dp"//列间距 android:verticalSpacing="10dp" //行间距对onIntemClick的理解
/*举个例子你会理解的更快： X, Y两个listview，X里有1,2,3,4这4个item，Y里有a,b,c,d这4个item。 如果你点了b这个item。如下：*/ public void onItemClick (AdapterView<?> parent, View view, int position, long id ) /** parent 相当于listview Y适配器的一个指针 ，可以通过它来获得Y里装着的一切东西，再通俗点就是说告诉你，你点的是Y，不是X */ /** view 是你点b item的view的句柄，就是你可以用这个view ，来获得b里的控件的id后操作控件 */ /** position 是b在Y适配器里的位置（生成listview时 ，适配器一个一个的做item，然后把他们按顺序排好队 ，在放到listview里，意思就是这个b是第position号做好的）*/ /** id 是b在listview Y里的第几行的位置（很明显是第2行） ，大部分时候position和id的值是一样的，如果需要的话 ，你可以自己加个log把position和id都弄出来在logcat里瞅瞅 */源代码：
package com.example.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.view.View; import android.widget.AdapterView; import android.widget.AdapterView.OnItemClickListener; import android.widget.GridView; import android.widget.SimpleAdapter; import android.widget.Toast; public class MainActivity extends Activity implements OnItemClickListener{ private GridView gridView; private List<Map<String, Object>> dataList; private int[] icon = { R.drawable.address_book, R.drawable.calendar, R.drawable.camera, R.drawable.clock, R.drawable.games_control, R.drawable.games_control, R.drawable.ic_launcher, R.drawable.messenger, R.drawable.ringtone, R.drawable.weather, R.drawable.world, R.drawable.youtube, }; private String[] iconName = { "通讯录", "日历", "照相机", "时钟", "游戏", "短信", "铃声", "设置", "语音", "天气", "浏览器", "视频" }; private SimpleAdapter adapter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); gridView = (GridView) findViewById(R.id.gridView); /** * 1.新建数据源 * 2.新建适配器SimpleAdapter * 3.GridView加载适配器 * 4.GridView配置事件监听器OnItemClickListener */ dataList = new ArrayList<Map<String, Object>>(); // 适配器(SimpleAdapter) // 参数：(上下文this，新建适配器使用getData()方法,自定义的布局文件, // 对应的是自定义布局文件的字符串的数组，对应的是自定义布局文件的两个控件的id) adapter = new SimpleAdapter(this, getData(), R.layout.item, new String[] { "image", "text" }, new int[] { R.id.image, R.id.text }); gridView.setAdapter(adapter); gridView.setOnItemClickListener(this); } /* * GridView的三个常用属性 * android:numColumns="3" //每行显示多少列 自己也有一个属性auto_fit自动适应 * android:horizontalSpacing="10dp"//列间距 * android:verticalSpacing="10dp" //行间距 */ private List<Map<String, Object>> getData() { for (int i = 0; i < icon.length; i++) { Map<String, Object> map = new HashMap<String, Object>(); map.put("image", icon[i]); map.put("text", iconName[i]); dataList.add(map); } return dataList; } /** * GridView配置监听器： * 使用继承接口的方法 * 1.implements OnItemclickListener(){}; * 2.gridview.setOnItemClickListener(this); * 3.public void onIntemClick(AapterView<?> parent,View view,int position,long id){ * Toast.makeTest(this,"我是"+iconName[position],Toast.LENGTH_SHORT).show(); * } */ public void onItemClick(AdapterView<?> parent, View view, int position, long id) { Toast.makeText(this, "我是" + iconName[position], Toast.LENGTH_SHORT) .show(); } }Item.xml
<?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" android:gravity="center" android:background="#000000" > <ImageView android:src="@drawable/address_book" android:id="@+id/image" android:layout_width="60dp" android:layout_height="60dp" /> <TextView android:id="@+id/text" android:layout_marginTop="5dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textColor="#ffffff" android:text="文字" /> </LinearLayout>main.xml
<?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" > <GridView android:layout_marginTop="10dp" android:id="@+id/gridView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:horizontalSpacing="10dp" android:numColumns="3" android:verticalSpacing="10dp" > </GridView> </LinearLayout>