网格视图（GridView）

网格视图（GridView）:网格视图的意思就是把屏幕按照一定的规则分开去显示准备显示的内容。

1、代码

<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:id="@+id/girdview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:numColumns="2"  <span style="white-space:pre">			</span> //每一行只显示两个图片信息或其他
        android:stretchMode="columnWidth"         <span style="white-space:pre">	</span>//如何填充整个屏幕，这里采用的将屏幕横向距离是平分给每个网格。
        android:verticalSpacing="5px"   <span style="white-space:pre">		</span>//设置每个网格纵向的间距
        android:horizontalSpacing="3px"/>   <span style="white-space:pre">		</span>//设置每个网格横向的间距
</LinearLayout>

MainActivity.java文件的内容

package com.example.gridview;
import java.lang.reflect.Field;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import android.app.Activity;
import android.app.AlertDialog;
import android.app.Dialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.SimpleAdapter;
/*
 * 因为要使用SimpleAdapter所以要定义一个新的布局文件grid.xml
 */
public class MainActivity extends Activity {
	private GridView G = null;
	private SimpleAdapter SA = null;
	private List<Map<String,Integer>> list = new ArrayList<Map<String,Integer>>();//定义了一个List集合用于存储数据

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		super.setContentView(R.layout.main);
		this.init();//实例化SimpleAdapter对象
		this.G = (GridView)super.findViewById(R.id.girdview);//通过id找到网格组件
		this.G.setAdapter(SA);
		this.G.setOnItemClickListener(new OnItemClickListenerImpl());//给每个网格设置监听器
	}
	private class OnItemClickListenerImpl implements OnItemClickListener {
		@Override
		public void onItemClick(AdapterView<?> parent, View view, int position,
				long id) {
			// TODO Auto-generated method stub
			ImageView image = new ImageView(MainActivity.this);//创建了一个图片控件
			image.setScaleType(ImageView.ScaleType.CENTER);//设置图片显示位置
			image.setLayoutParams(new LinearLayout.LayoutParams(
					LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT));//设置组件的高度与宽度
			/*
			 * 由于一开始我们把图片资源放进的是Map集合所以当我们在虚拟机上点击图片时，这段代码就会得到这个Map对象
			 */
			Map<String,Integer> map = (Map<String,Integer>)
					parent.getAdapter().getItem(position);
			image.setImageResource(map.get("img"));//拿到上边提供的Map对象的图片（value）
			Dialog dialog = new AlertDialog.Builder(MainActivity.this)//创建了一个对话框
			.setTitle("查看图片")
			.setView(image)//把上边得到的图片拿过来显示
			.setNegativeButton("关闭", new DialogInterface.OnClickListener() {
				
				@Override
				public void onClick(DialogInterface dialog, int which) {
					// TODO Auto-generated method stub
				}
			} ).create();//创建对话框
			dialog.show();//显示对话框
		}
	}
	private void init() {
		Field[] fields = R.drawable.class.getDeclaredFields();//利用反射机制获得图片中的资源id
		for (int i = 0; i < fields.length; i++) {
			if (fields[i].getName().startsWith("car_")) {//判断拿到的图片资源id是否以“car_”开头
				Map<String,Integer> map = new HashMap<String, Integer>();//创建一个Map集合
				try {
					map.put("img", fields[i].getInt(R.drawable.class)); //将符合条件的图片资源放进key为img的Map集合
				} catch (IllegalAccessException e) {
					e.printStackTrace();
				} catch (IllegalArgumentException e) {
					e.printStackTrace();
				}
				this.list.add(map);	//将Map集合的数据放进List集合中
			}
		}
		this.SA = new SimpleAdapter(this,list,R.layout.grid,//实例化了SimpleAdapter
				new String[]{"img"},new int[]{R.id.img});
	}
}

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/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="center"
        android:padding="3px"
        />
</LinearLayout>