Android控件开发之GridView

 

类概述

一个在平面上可显示多个条目的可滚动的视图组件，该组件中的条目通过一个ListAdapter和该组件进行关联。

GridView是一项显示二维的viewgroup，可滚动的网格。一般用来显示多张图片。

以下模拟九宫图的实现，当鼠标点击图片时会进行相应的跳转链接。

 

效果图

 

GridView 属性设置<!-- android:numColumns="auto_fit" ，         GridView的列数设置为自动 android:columnWidth="90dp"，              每列的宽度，也就是Item的宽度android:stretchMode="columnWidth"，      缩放与列宽大小同步android:verticalSpacing="10dp"，          两行之间的边距，如：行一(NO.0~NO.2)与行二(NO.3~NO.5)间距为10dpandroid:horizontalSpacing="10dp"，        两列之间的边距-->

本程序main.xml源码

<?xml version="1.0" encoding="utf-8"?><GridView xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/gridview"    android:layout_width="fill_parent"     android:layout_height="fill_parent"    android:numColumns="auto_fit"    android:verticalSpacing="10dp"    android:horizontalSpacing="10dp"    android:columnWidth="90dp"    android:stretchMode="columnWidth"    android:gravity="center"/>

 

item.xml源码

<?xml version="1.0" encoding="utf-8"?><RelativeLayout    xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_height="wrap_content"     android:paddingBottom="4dip"    android:layout_width="fill_parent"><ImageView     android:layout_height="90dp"   //注:如果使用的图片高度高于Gridview设置的android:columnWidth="90dp" 请更改这里的值    android:layout_width="wrap_content"    android:layout_centerHorizontal="true"    android:id="@+id/itemImage" /><TextView  android:layout_width="wrap_content"    android:layout_below="@+id/itemImage"    android:layout_height="wrap_content"     android:text="TextView01"    android:layout_centerHorizontal="true"     android:id="@+id/itemText"/></RelativeLayout>

 

主程序Java源码

package com.sx.GridView;import java.util.ArrayList;import java.util.HashMap;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.view.View;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.GridView;import android.widget.SimpleAdapter;public class GridViewActivity extends Activity {    private String texts[]  = null;    private int    images[] = null;    public void onCreate(Bundle savedInstanceState)     {        super.onCreate(savedInstanceState);        setContentView(R.layout.main);        images=new int[]        {R.drawable.img1, R.drawable.img2,R.drawable.img3,R.drawable.img4, R.drawable.img5,R.drawable.img6, R.drawable.img7,R.drawable.img8        };        texts = new String[]        { "宫式布局1", "宫式布局2","宫式布局3","宫式布局4", "宫式布局5", "宫式布局6","宫式布局7", "宫式布局8"         };GridView gridview = (GridView) findViewById(R.id.gridview);ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>();for (int i = 0; i < 8; i++){    HashMap<String, Object> map = new HashMap<String, Object>();    map.put("itemImage", images[i]);    map.put("itemText",  texts[i]);    lstImageItem.add(map);}        SimpleAdapter saImageItems = new SimpleAdapter(this, lstImageItem,// 数据源R.layout.item,// 显示布局new String[] { "itemImage", "itemText" }, new int[] { R.id.itemImage, R.id.itemText });                  gridview.setAdapter(saImageItems);         gridview.setOnItemClickListener(new ItemClickListener());    }    class ItemClickListener implements OnItemClickListener    {parent   发生点击动作的AdapterViewview     在AdapterView中被点击的视图(它是由adapter提供的一个视图)。position 视图在adapter中的位置。rowid    被点击元素的行id。public void onItemClick(AdapterView<?> parent, View view, int position, long rowid) {     //根据图片进行相应的跳转switch (images[position]) {case R.drawable.img1: break;}}      }