Android學習筆記之GridView(2)

這次有上次有一點是不同的：

每個圖片下面都有一個文本信息。

 

這次範例就是實現這個功能。再有一點就是前面的方法就是自己實現一個ImageAdapter繼承BaseAdapter，再供GridView使用

這次本文介紹的GridView用法跟前文ListView的極其類似，利用適配器SimpleAdapter來完成，我柑橘這樣挺簡單的。

package xiaosi.gridview;

import java.util.ArrayList;
import java.util.HashMap;

import android.app.Activity;
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 {
    /** Called when the activity is first created. */
    private GridView gridview = null;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        GridView gridview = (GridView) findViewById(R.id.gridview);

        //生成數據源 一個List
        ArrayList<HashMap<String, Object>> DateList = new ArrayList<HashMap<String, Object>>();
        for(int i=0;i<15;i++)
        {
            //醫用HashMap來存儲
            HashMap<String, Object> hashMap = new HashMap<String, Object>();
            //添加圖像資源的ID
            hashMap.put("Image", R.drawable.a);
            //按序號做ItemText
            hashMap.put("Text", "NO."+String.valueOf(i));
            //添加到List去
            DateList.add(hashMap);
        }
        //生成適配器的simpleAdapter
        //DateList 數據源
        //R.layout.item 來自於item。xml 控制GridView中每一項的佈局（一個ImageView 一個TextView）
        //第三個參數是hashoMap的鍵值
        //第四個參數是item。xml中ImageView，TextView的ID
        SimpleAdapter simpleAdapter = new SimpleAdapter(this,DateList,R.layout.item,
                new String[] {"Image","Text"}, new int[] {R.id.ItemImage,R.id.ItemText});
        //添加並且顯示
        gridview.setAdapter(simpleAdapter);
        //添加消息處理
        gridview.setOnItemClickListener(new ItemClickListener());
    }


    private class  ItemClickListener implements OnItemClickListener
    {
        public void onItemClick(AdapterView<?> arg0,View arg1, int arg2,long arg3) {

            //arg0就是那個DateList
            HashMap<String, Object> item=(HashMap<String, Object>) arg0.getItemAtPosition(arg2);
            //顯示應用標題的那個TextView
            setTitle((String)item.get("Text"));
        }

    }
}

 

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:verticalSpacing="5dip"
    android:horizontalSpacing="5dip"
    android:columnWidth="80dip"
    android:numColumns="auto_fit"
    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="wrap_content"
               android:id="@+id/ItemImage"
               android:layout_width="wrap_content"
               android:layout_centerHorizontal="true">
         </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>