类概述
一个在平面上可显示多个条目的可滚动的视图组件,该组件中的条目通过一个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)间距为10dp
- android: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 发生点击动作的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;
- }
- }
- }