android開發_SimpleAdapter適配器

新建項目：

項目結構：

drawable-hdpi文件夾中的圖片是自己加入的。主要是在菜單選項中顯示的圖片：

運行效果：

代碼部分：

main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <!-- 菜單選項的布局,設置高為"65sp"，位置是在父窗口的底部，設置為不可見-->
    <GridView
        android:id="@+id/gv_buttom_menu"
        android:layout_width="fill_parent"
        android:layout_height="65sp"
        android:layout_alignParentBottom="true"
        android:visibility="gone"
    ></GridView>    
</RelativeLayout>

item_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:paddingBottom="5dip"
    >
    <!-- 這個布局文件是用來布局菜單選項的 -->
    <!-- 菜單中圖片的顯示 -->
      <ImageView
          android:id="@+id/item_image"
          android:layout_centerHorizontal="true"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
      ></ImageView>
      <!-- 菜單中圖片下面的文字 -->
    <TextView
        android:id="@+id/item_text"
        android:layout_below="@id/item_image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
    ></TextView>
</RelativeLayout>

MainActivity.java

package com.b510;

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

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.View;
import android.widget.GridView;
import android.widget.SimpleAdapter;

public class MainActivity extends Activity {
    /** 定義底部菜單選項 */
    GridView gv_buttom_menu;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }

    /**
     * 當按鍵被按下的時候調用此方法
     */
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_MENU) {
            if (gv_buttom_menu == null) {
                loadButtomMenu();
            }
            // 默認情況下面是View.GONE
            if (gv_buttom_menu.getVisibility() == View.GONE) {
                gv_buttom_menu.setVisibility(View.VISIBLE);// 菜單設置可見
            } else {
                gv_buttom_menu.setVisibility(View.GONE);// 菜單設置不可見
            }
        }

        return super.onKeyDown(keyCode, event);
    }

    /**
     * 加載菜單
     */
    private void loadButtomMenu() {
        gv_buttom_menu = (GridView) findViewById(R.id.gv_buttom_menu);
        // 設置菜單選項的背景圖片
        gv_buttom_menu.setBackgroundResource(R.drawable.channelgallery_bg);
        // 設置列數，為5列
        gv_buttom_menu.setNumColumns(5);
        // 設置位置
        gv_buttom_menu.setGravity(Gravity.CENTER);
        // 垂直間隔10
        gv_buttom_menu.setVerticalSpacing(10);
        // 水平間隔10
        gv_buttom_menu.setHorizontalSpacing(10);
        ArrayList data = new ArrayList();
        // 定義菜單選項的圖片和文字
        // 增加菜單
        HashMap map = new HashMap();
        map.put("itemImage", R.drawable.menu_new_user);
        map.put("itemText", "增加");
        data.add(map);
        // 查找菜單
        map = new HashMap();
        map.put("itemImage", R.drawable.menu_search);
        map.put("itemText", "查找");
        data.add(map);
        // 刪除菜單
        map = new HashMap();
        map.put("itemImage", R.drawable.menu_delete);
        map.put("itemText", "刪除");
        data.add(map);
        // 菜單選項
        map = new HashMap();
        map.put("itemImage", R.drawable.controlbar_showtype_list);
        map.put("itemText", "菜單");
        data.add(map);
        // 退出菜單
        map = new HashMap();
        map.put("itemImage", R.drawable.menu_exit);
        map.put("itemText", "退出");
        data.add(map);

        // 設置SimpleAdapter
        // 1.Context 上下文
        // 2.data 是菜單中顯示數據信息，包括圖片和說明文字
        // 3.R.layout.item_ment 從data中取出數據map類型，用此布局文件來展示數據信息，包括圖片和說明文字
        // 4，5 是將data和布局文件聯系起來
        // 4 放入map中的key值
        // 5 按照map中的key值，把相應的數據傳遞過來，最后展現出來
        SimpleAdapter adapter = new SimpleAdapter(this, data,
                R.layout.item_menu, new String[] { "itemImage", "itemText" },
                new int[] { R.id.item_image, R.id.item_text });

        // gv_buttom_menu只是負責展現，他是沒有數據的
        // adapter是把展現方式和數據聯系在一起的一種工具，按照某種特定方式展現出來
        gv_buttom_menu.setAdapter(adapter);

    }
}