Android控件之GridView探究

【转】http://www.apkbus.com/forum.php?mod=viewthread&tid=2436&extra=page%253D1

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)间距为10dp android: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;            }        }    } } 复制代码 运行结果 分类: android常用控件 标签: android GridView