GrivadeView组件的使用

效果显示：

/GridView/res/layout/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/gv_smalImage"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:numColumns="3" >
    </GridView>

    <ImageView
        android:id="@+id/iv_bigImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/gv_smalImage"
        android:src="@drawable/a" />

</RelativeLayout>

 

/GridView/res/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:gravity="center"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/smallImage"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:src="@drawable/a" />

    <TextView
        android:id="@+id/introduction"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一幅图片"
        android:textAppearance="?android:attr/textAppearanceMedium" />

</LinearLayout>

/GridView/src/cn/edu/bzu/gridview/activity/MainActivity.java

package cn.edu.bzu.gridview.activity;

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.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 int[] pics = new int[] { R.drawable.a, R.drawable.b, R.drawable.c,
			R.drawable.d, R.drawable.e, R.drawable.f };
	private String[] introductions = { "第一幅图片", "第二幅图片", "第三幅图片", "第四幅图片",
			"第五幅图片", "第六幅图片" };
	private GridView gv_smallImage;
	private List<Map<String, ?>> data;
	private ImageView showImage;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		gv_smallImage = (GridView) this.findViewById(R.id.gv_smalImage);
		getData();
		SimpleAdapter simpleAdapter = new SimpleAdapter(this, data,
				R.layout.grid, new String[] { "pic", "introduction" },
				new int[] { R.id.smallImage, R.id.introduction });
		gv_smallImage.setAdapter(simpleAdapter);
		showImage=(ImageView) this.findViewById(R.id.iv_bigImage);
		gv_smallImage.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?>adapterView, View view, int position,
					long id) {
				showImage.setImageResource(pics[position]);
			}
		});
	}
	private void getData(){
		data=new ArrayList<Map<String,?>>();
		for(int i=0;i<pics.length;i++){
		Map<String, Object> item=new HashMap<String, Object>();
		item.put("pic", pics[i]);
	    item.put("introduction", introductions[i]);
	    data.add(item);
		}
	}

	@Override
	public 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;
	}

}