Android控件开发之GridView

类概述

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

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

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

效果图



[html] view
plaincopy

GridView 属性设置

<!--

android:numColumns="auto_fit" ， GridView的列数设置为自动

android:columnWidth="90dp"， 每列的宽度，也就是Item的宽度

android:stretchMode="columnWidth"， 缩放与列宽大小同步

android:verticalSpacing="10dp"， 两行之间的边距，如：行一(NO.0~NO.2)与行二(NO.3~NO.5)间距为10dp

android:horizontalSpacing="10dp"， 两列之间的边距

-->

本程序main.xml源码

[html] view
plaincopy

<?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源码

[html] view
plaincopy

<?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源码

[cpp] view
plaincopy

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 发生点击动作的AdapterView

view 在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;

}

}

}