安卓自学笔记：8：用GridView创建一个带缩略图的图片浏览器

   昨天下班回来看会儿书眼睛都花了，好在今天是周六，爬上床就是睡，这一睡直到第二天中午，然后爬起来洗漱吃饭，回来接着看书，傍晚那会儿写的这个程序，依然是个很简单的程序（现在看来是），但是还是弄了好一会儿，主要错误在，忘记启用Adapter，因为考虑不周全，使用的图片太大布局变的乱七八糟，还是那句话，一定要仔细啊，然后就是多想多练。

    ps：在白色背景下写字儿还真是痛苦，太亮了。

 

主代码：

public class MainActivity extends Activity {
	GridView gv;
	ImageView image;
	int[] images = new int[] { R.drawable.p1, R.drawable.p2};

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		// 获取各组件
		gv = (GridView) findViewById(R.id.grid);
		image = (ImageView) findViewById(R.id.image);
		// 新建一个List
		List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();
		for (int i = 0; i < images.length; i++) {
			Map<String, Object> listItem = new HashMap<String, Object>();
			listItem.put("image", images[i]);
			listItems.add(listItem);//记得要添加到list中
		}
		SimpleAdapter simpleAdapter = new SimpleAdapter(this, listItems,
				R.layout.layout_image, new String[] { "image" },
				new int[] { R.id.image2 });
		gv.setAdapter(simpleAdapter);//记得要启动容器
		//添加列表项被选中的监听器
		gv.setOnItemSelectedListener(new OnItemSelectedListener() {

			@Override
			public void onItemSelected(AdapterView<?> parent, View view,
					int position, long id) {
				//显示当前被选中的图片
				image.setImageResource(images[position]);

			}

			@Override
			public void onNothingSelected(AdapterView<?> parent) {
				// TODO Auto-generated method stub

			}
		});
		//添加列表项被单击的监听器
		gv.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				// T显示被单击的图片
				image.setImageResource(images[position]);
			}
		});
	}
}

主布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:gravity="center_horizontal"
    android:orientation="vertical" >

    <!-- numColumns="2"表示生成2列 -->

    <GridView
        android:id="@+id/grid"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:horizontalSpacing="10pt"
        android:numColumns="2"
        android:verticalSpacing="10pt" >
    </GridView>

    <ImageView
        android:id="@+id/image"
        android:layout_width="240dp"
        android:layout_height="240dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="20dp" />

</LinearLayout>

自定义布局：

<?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/image2"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:layout_marginLeft="15dp"
        />

</LinearLayout>

效果图：