Android惯用控件之GridView的使用

Android常用控件之GridView的使用

GridView是按照行列的方式来显示内容，一般是用来显示图片；

下面这张图就是用GridView实现的

首先定义布局文件main.xml

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

    <GridView
        android:id="@+id/gridView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:numColumns="4"
        android:stretchMode="columnWidth" >
    </GridView>

</LinearLayout>

每个格子显示一张图片和说明items.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/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="10dp"
        android:scaleType="fitCenter"
        android:contentDescription="@string/pic" />

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:padding="5dp" />

</LinearLayout>

在Activity中为GridView添加一个Adapter

package com.example.gridviewdemo;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import android.os.Bundle;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.SimpleAdapter;
import android.app.Activity;

public class MainActivity extends Activity {

	private int[] imageId = new int[] { R.drawable.img01, R.drawable.img02,
			R.drawable.img03, R.drawable.img04, R.drawable.img05,
			R.drawable.img06, R.drawable.img07, R.drawable.img08,
			R.drawable.img09, R.drawable.img10, R.drawable.img11,
			R.drawable.img12, }; // 定义并初始化保存图片id的数组

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		GridView gridview = (GridView) findViewById(R.id.gridView1); // 获取GridView组件
		/*********************** 使用SimpleAdapter指定要显示的内容 *********************************/
		String[] title = new String[] { "NO1", "NO2", "NO3", "NO4", "NO5",
				"NO6", "NO7", "NO8", "NO9", "NO10", "NO11", "NO12" }; // 定义并初始化保存说明文字的数组
		List<Map<String, Object>> listItems = new ArrayList<Map<String, Object>>();// 创建一个list集合
		// 通过for循环将图片id和列表项文字放到Map中，并添加到list集合中
		for (int i = 0; i < imageId.length; i++) {
			Map<String, Object> map = new HashMap<String, Object>();
			map.put("image", imageId[i]);
			map.put("title", title[i]);
			listItems.add(map); // 将map对象添加到List集合中
		}

		 SimpleAdapter adapter = new SimpleAdapter(this,
		 listItems,
		 R.layout.items,
		 new String[] { "title", "image" },
		 new int[] {R.id.title, R.id.image }
		 ); // 创建SimpleAdapter
		 gridview.setAdapter(adapter); // 将适配器与GridView关联
		 //为GridView设定监听器
		 gridview.setOnItemClickListener(new gridViewListener());
		 
	}
	
	class gridViewListener implements OnItemClickListener{
		
		@Override
		public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
				long arg3) {
			// TODO Auto-generated method stub
			System.out.println("arg2 = " + arg2);   //打印出点击的位置
		}
	}
}

Android惯用控件之GridView的使用

相关推荐