Android中GridView的使用

一、GridView是以网格的形式排列元素，方式与矩阵类似，下面通过程序来了解GridView的使用

二、activity_main.xml中的实现代码如下

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context=".MainActivity" >    <GridView        android:id="@+id/imagelist"        android:layout_width="fill_parent"        android:layout_height="wrap_content"        android:horizontalSpacing="20dp"        android:numColumns="3"        android:verticalSpacing="10dp" >    </GridView>    <ImageView        android:id="@+id/imageshow"        android:layout_below="@+id/imagelist"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_marginTop="40dp"        android:adjustViewBounds="true" /></RelativeLayout>

在layout文件夹中新建一个grid.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" >     <ImageView        android:id="@+id/smallImage"        android:layout_width="80dp"        android:layout_height="50dp"/></LinearLayout>

MainActivity.java中的代码实现如下

package abc.edu.cn.gridview;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.os.Bundle;import android.app.Activity;import android.test.suitebuilder.annotation.SmallTest;import android.view.Menu;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.GridView;import android.widget.ImageView;import android.widget.SimpleAdapter;public class MainActivity extends Activity {private GridView gv;// 网格private ImageView showImage;// 显示大图片private int[] pics;// 存放图片Id的数组@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// 查找到在布局中定义组件gv = (GridView) this.findViewById(R.id.imagelist);showImage = (ImageView) this.findViewById(R.id.imageshow);// 实例化图片Id的数组pics = new int[] { R.drawable.p1, R.drawable.p2, R.drawable.p3,R.drawable.p4, R.drawable.p5, R.drawable.p6 };// 创建一个List<Map>集合，用于将图片Id转换为List集合List<Map<String, Object>> pic_items = new ArrayList<Map<String, Object>>();for (int pic_id : pics) {Map<String, Object> item = new HashMap<String, Object>();item.put("pic", pic_id);pic_items.add(item);}// 创建SimpleAdapter适配器，以备与GridView组件绑定SimpleAdapter adapter = new SimpleAdapter(this, pic_items,R.layout.grid, new String[] { "pic" },new int[] { R.id.smallImage });// GridView组件与adapter适配器进行绑定gv.setAdapter(adapter);// 为showImage组件设置默认图片showImage.setImageResource(pics[0]);// 注册事件监听gv.setOnItemClickListener(new GridViewHandler());}public class GridViewHandler implements OnItemClickListener {/** * AdapterView adpaterview：发生点击事件的AdapterView； *  View view：AdapterView中被用户点击的Item（GridView中的Item）；  *  int positon：被点击的Item在Adapter中的位置 ; *  long id：被点击的Item的Id */public void onItemClick(AdapterView<?> adapter, View view,int position, long id) {showImage.setImageResource(pics[position]);}}@Overridepublic boolean onCreateOptionsMenu(Menu menu) {// Inflate the menu; this adds items to the action bar if it is present.getMenuInflater().inflate(R.menu.main, menu);return true;}}

三、程序运行结果如下