Android控件之GridView探究

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

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

目录结构

main.xml布局文件，存放GridView控件

<?xml version="1.0" encoding="utf-8"?><!-- 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"，两列之间的边距 --><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"/>

night_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="wrap_content"        android:layout_width="wrap_content"        android:layout_centerHorizontal="true"        android:id="@+id/itemImage" >    </ImageView>    <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">    </TextView></RelativeLayout>

strings.xml

<?xml version="1.0" encoding="utf-8"?><resources>    <string name="hello">Hello World, GvActivity!</string>    <string name="app_name">九宫图</string>    <string name="test_name1">跳转到TestActivity1</string>    <string name="test_name2">跳转到TestActivity2</string>    <string name="test_name3">跳转到TestActivity3</string></resources>

清单文件

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"      package="com.ljq.gv"      android:versionCode="1"      android:versionName="1.0">    <application android:icon="@drawable/icon" android:label="@string/app_name">        <activity android:name=".GvActivity"                  android:label="@string/app_name">            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            </intent-filter>        </activity>        <activity android:name=".TestActivity1" android:label="@string/test_name1"/>        <activity android:name=".TestActivity2" android:label="@string/test_name2"/>        <activity android:name=".TestActivity3" android:label="@string/test_name3"/>    </application>    <uses-sdk android:minSdkVersion="7" /></manifest> 

跳转类TestActivity1、TestActivity2、TestActivity3

package com.ljq.gv;import android.app.Activity;import android.os.Bundle;public class TestActivity1 extends Activity {        @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //setContentView(R.layout.main);    }}package com.ljq.gv;import android.app.Activity;import android.os.Bundle;public class TestActivity2 extends Activity {        @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //setContentView(R.layout.main);    }}package com.ljq.gv;import android.app.Activity;import android.os.Bundle;public class TestActivity3 extends Activity {        @Override    public void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //setContentView(R.layout.main);    }}

类GvActivity

package com.ljq.gv;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.GridView;import android.widget.SimpleAdapter;import android.widget.Toast;import android.widget.AdapterView.OnItemClickListener;public class GvActivity 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.p1, R.drawable.p2,                R.drawable.p3, R.drawable.p4,                 R.drawable.p5,R.drawable.p6,                 R.drawable.p7,R.drawable.p8};        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.night_item,// 显示布局                new String[] { "itemImage", "itemText" },                 new int[] { R.id.itemImage, R.id.itemText });         gridview.setAdapter(saImageItems);        gridview.setOnItemClickListener(new ItemClickListener());    }    class ItemClickListener implements OnItemClickListener {        /**         * 点击项时触发事件         *          * @param parent  发生点击动作的AdapterView         * @param view 在AdapterView中被点击的视图(它是由adapter提供的一个视图)。         * @param position 视图在adapter中的位置。         * @param rowid 被点击元素的行id。         */        public void onItemClick(AdapterView<?> parent, View view, int position, long rowid) {            HashMap<String, Object> item = (HashMap<String, Object>) parent.getItemAtPosition(position);            //获取数据源的属性值            String itemText=(String)item.get("itemText");            Object object=item.get("itemImage");            Toast.makeText(GvActivity.this, itemText, Toast.LENGTH_LONG).show();                        //根据图片进行相应的跳转            switch (images[position]) {            case R.drawable.p1:                startActivity(new Intent(GvActivity.this, TestActivity1.class));//启动另一个Activity                finish();//结束此Activity，可回收                break;            case R.drawable.p2:                startActivity(new Intent(GvActivity.this, TestActivity2.class));                finish();                break;            case R.drawable.p3:                startActivity(new Intent(GvActivity.this, TestActivity3.class));                finish();                break;            }                    }    }}

运行结果