Android--GridView以表格的形式显示多张图片

GridView用于在界面上按行、列分布的方式来显示多个组件。

//0.编辑Android Layout XML文件

GridView控件布局

 <GridView
        android:id="@+id/gridView" 
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:numColumns="3"
        android:horizontalSpacing="10dp"
        android:verticalSpacing="10dp"
        ></GridView>

新建XML文件布局GridView中单个项

 <ImageView 
        android:id="@+id/image"
        android:src="@drawable/ic_launcher"
        android:layout_height="60dp"
        android:layout_width="60dp"     
        />
    <TextView 
       
        android:id="@+id/text"
        android:layout_marginTop="5dp"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:textColor="#ffffff"
        android:text="文字"
        />

private GridView gridView;

private List<Map<String,Object>>dataList;

protected void onCreate(Bundle savedInstanceState){

...

dataList=new ArrayList<Map<String,Object>>();

gridView=(GridView)findViewByID(R.id.gridView);  

//1.准备数据源

protected 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;
	}

//2.新建适配器（SimpleAdapter）

adapter=new SimpleAdapter(this,getData(),R.layout.单项的布局XML文件名,new String[]{"image","text"},new int[]{R.id.image,R.id.text});

//3.GridView加载适配器

gridView.setAdapter(adapter);

//4.GridView配置事件监听器（OnItemClickListener）

(1) implements OnItemClickListener

(2) 重写 onItemClick方法

public void onItemClick(AdapterView<?> parent, View view, int position,
			long id) {
		// TODO Auto-generated method stub
		Toast.makeText(this, "我是"+iconName[position], Toast.LENGTH_SHORT).show();
	}

（3）gridView.setOnItemClickListener(this);

备注：使GridView适配器可以加载Bitmap图片

gvAdapter.setViewBinder(new ViewBinder() {			
			@Override
			public boolean setViewValue(View view, Object data,
					String textRepresentation) {
				if(view instanceof ImageView && data instanceof Bitmap){     
	                  ImageView iv = (ImageView) view;     
	                  iv.setImageBitmap((Bitmap) data);     
	                  return true;     
	                }
				else 
					return false;
			}
		});