簡單好用!GridView的使用(帶點擊事件,可顯示圖片文字)

package com.blzt.test.mygridview;

import android.app.Activity;
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 com.blzt.test.R;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

public class GridViewActivity  extends Activity implements AdapterView.OnItemClickListener {
    private GridView gview;
    private List<Map<String, Object>> data_list;
    private SimpleAdapter sim_adapter;
    // 圖片封裝爲一個數組
    private int[] icon = { R.drawable.address_book, R.drawable.calendar,
            R.drawable.camera, R.drawable.clock, R.drawable.games_control,
            R.drawable.messenger, R.drawable.ringtone, R.drawable.settings,
            R.drawable.speech_balloon, R.drawable.weather, R.drawable.world,
            R.drawable.youtube };
    private String[] iconName = { "通訊錄", "日曆", "照相機", "時鐘", "遊戲", "短信", "鈴聲",
            "設置", "語音", "天氣", "瀏覽器", "視頻" };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_grid_view);
        gview = (GridView) findViewById(R.id.gview);
        //新建List
        data_list = new ArrayList<Map<String, Object>>();
        //獲取數據
        getData();
        //新建適配器
        String [] from ={"image","text"};
        int [] to = {R.id.image,R.id.text};
        sim_adapter = new SimpleAdapter(this, data_list, R.layout.grid_item, from, to);
        //配置適配器
        gview.setAdapter(sim_adapter);
        gview.setOnItemClickListener(this);
    }



    public List<Map<String, Object>> getData(){
        //cion和iconName的長度是相同的,這裏任選其一都可以
        for(int i=0;i<icon.length;i++){
            Map<String, Object> map = new HashMap<String, Object>();
            map.put("image", icon[i]);
            map.put("text", iconName[i]);
            data_list.add(map);
        }

        return data_list;
    }


    @Override
    public void onItemClick(final AdapterView<?> parent, final View view, final int position, final long id) {
        switch (position) {
            case 0:
                Toast.makeText(this, "我的委託", Toast.LENGTH_SHORT).show();
                break;
            case 1:
                Toast.makeText(this, "我的錢包", Toast.LENGTH_SHORT).show();
                break;
            case 2:
                Toast.makeText(this, "我的訂閱", Toast.LENGTH_SHORT).show();
                break;
            case 3:
                Toast.makeText(this, "我的評價", Toast.LENGTH_SHORT).show();
                break;
            case 4:
                Toast.makeText(this, "我的推薦", Toast.LENGTH_SHORT).show();
                break;
            case 5:
                Toast.makeText(this, "設置", Toast.LENGTH_SHORT).show();
                break;
            default:
                Toast.makeText(this, "1", Toast.LENGTH_SHORT).show();
                break;

        }
    }
}

activity_grid_view

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="#000"
    >

    <GridView
        android:id="@+id/gview"
        android:layout_width="500dp"
        android:layout_height="500dp"
        android:numColumns="auto_fit"
        android:columnWidth="80dp"
        android:stretchMode="columnWidth"
        ></GridView>
</LinearLayout>

grid_item

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:gravity="center"
    android:padding="10dp"
    >


    <ImageView
        android:src="@drawable/ic_launcher"
        android:id="@+id/image"
        android:layout_width="60dp"
        android:layout_height="60dp"
        android:visibility="gone"

        />

    <TextView
        android:id="@+id/text"
        android:background="@drawable/waitebtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textColor="#000000"
        android:text="文字"
        />
</LinearLayout>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章