Android实现自定义菜单、底部导航条（一）

由于Android平台的分裂为不同的版本，OMS修改了，Android的菜单项，为了尽可能适配机型。我们需要自己定义项目中的菜单项。

package com.unimob;

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

import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.DialogInterface.OnKeyListener;
import android.os.Bundle;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.Menu;
import android.view.View;
import android.view.Window;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

public class MainMenuView extends Activity
{
    AlertDialog menuDialog;// menu菜单Dialog
    ListView listView;
    GridView menuGrid, toolbarGrid;
    View menuView;
    private boolean isMore = false;// menu菜单翻页控制
    /*-- MENU菜单选项下标 --*/
    private final int ITEM_SEARCH = 0;// 搜索
    private final int ITEM_FILE_MANAGER = 1;// 文件管理
    private final int ITEM_DOWN_MANAGER = 2;// 下载管理
    private final int ITEM_FULLSCREEN = 3;// 全屏
    private final int ITEM_MORE = 11;// 菜单

    /*-- Toolbar底部菜单选项下标--*/
    private final int TOOLBAR_ITEM_PAGEHOME = 0;// 首页
    private final int TOOLBAR_ITEM_BACK = 1;// 退后
    private final int TOOLBAR_ITEM_FORWARD = 2;// 前进
    private final int TOOLBAR_ITEM_NEW = 3;// 创建
    private final int TOOLBAR_ITEM_MENU = 4;// 菜单
    /** 菜单图片 **/
    int[] menu_image_array = {R.drawable.menu_search,
        R.drawable.menu_filemanager, R.drawable.menu_downmanager,
        R.drawable.menu_fullscreen, R.drawable.menu_inputurl,
        R.drawable.menu_bookmark, R.drawable.menu_bookmark_sync_import,
        R.drawable.menu_sharepage, R.drawable.menu_quit,
        R.drawable.menu_nightmode, R.drawable.menu_refresh,
        R.drawable.menu_more };
    /** 菜单文字 **/
    String[] menu_name_array = {"搜索", "文件管理", "下载管理", "全屏", "网址", "书签", "加入书签",
        "分享页面", "退出", "夜间模式", "刷新", "更多" };
    /** 菜单图片2 **/
    int[] menu_image_array2 = {R.drawable.menu_auto_landscape,
        R.drawable.menu_penselectmodel, R.drawable.menu_page_attr,
        R.drawable.menu_novel_mode, R.drawable.menu_page_updown,
        R.drawable.menu_checkupdate, R.drawable.menu_checknet,
        R.drawable.menu_refreshtimer, R.drawable.menu_syssettings,
        R.drawable.menu_help, R.drawable.menu_about };
    /** 菜单文字2 **/
    String[] menu_name_array2 = {"自动横屏", "笔选模式", "阅读模式", "浏览模式", "快捷翻页",
        "检查更新", "检查网络", "定时刷新", "设置", "帮助", "关于" };

    /** 底部菜单图片 **/
    int[] menu_toolbar_image_array = {R.drawable.controlbar_homepage,
        R.drawable.controlbar_backward_enable,
        R.drawable.controlbar_forward_enable, R.drawable.controlbar_window,
        R.drawable.controlbar_showtype_list };
    /** 底部菜单文字 **/
    String[] menu_toolbar_name_array = {"首页", "后退", "前进", "创建", "菜单" };

    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        // 设置自定义menu菜单
        menuView = View.inflate(this, R.layout.gridview_menu, null);
        //		menuView.set
        // 创建AlertDialog
        menuDialog = new AlertDialog.Builder(this).create();

        Window w = menuDialog.getWindow();

        w.setGravity(Gravity.BOTTOM);

        //		WindowManager.LayoutParams lp = w.getAttributes();

        menuDialog.setView(menuView);
        menuDialog.setOnKeyListener(new OnKeyListener()
        {
            public boolean onKey(DialogInterface dialog, int keyCode,
                KeyEvent event)
            {
                if (keyCode == KeyEvent.KEYCODE_MENU)// 监听按键
                    dialog.dismiss();
                return false;
            }
        });

        menuGrid = (GridView) menuView.findViewById(R.id.gridview);
        menuGrid.setAdapter(getMenuAdapter(menu_name_array, menu_image_array));
        /** 监听menu选项 **/
        menuGrid.setOnItemClickListener(new OnItemClickListener()
        {
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                long arg3)
            {
                switch (arg2)
                {
                    case ITEM_SEARCH:// 搜索

                        break;
                    case ITEM_FILE_MANAGER:// 文件管理

                        break;
                    case ITEM_DOWN_MANAGER:// 下载管理

                        break;
                    case ITEM_FULLSCREEN:// 全屏

                        break;
                    case ITEM_MORE:// 翻页
                        if (isMore)
                        {
                            menuGrid.setAdapter(getMenuAdapter(
                                menu_name_array2, menu_image_array2));
                            isMore = false;
                        }
                        else
                        {// 首页
                            menuGrid.setAdapter(getMenuAdapter(menu_name_array,
                                menu_image_array));
                            isMore = true;
                        }
                        menuGrid.invalidate();// 更新menu
                        menuGrid.setSelection(ITEM_MORE);
                        break;
                }

            }
        });

        // 创建底部菜单 Toolbar
        toolbarGrid = (GridView) findViewById(R.id.GridView_toolbar);
        toolbarGrid.setBackgroundResource(R.drawable.channelgallery_bg);// 设置背景
        toolbarGrid.setNumColumns(5);// 设置每行列数
        toolbarGrid.setGravity(Gravity.CENTER);// 位置居中
        toolbarGrid.setVerticalSpacing(10);// 垂直间隔
        toolbarGrid.setHorizontalSpacing(10);// 水平间隔
        toolbarGrid.setAdapter(getMenuAdapter(menu_toolbar_name_array,
            menu_toolbar_image_array));// 设置菜单Adapter
        /** 监听底部菜单选项 **/
        toolbarGrid.setOnItemClickListener(new OnItemClickListener()
        {
            public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                long arg3)
            {
                Toast.makeText(MainMenuView.this,
                    menu_toolbar_name_array[arg2], Toast.LENGTH_SHORT).show();
                switch (arg2)
                {
                    case TOOLBAR_ITEM_PAGEHOME:
                        break;
                    case TOOLBAR_ITEM_BACK:

                        break;
                    case TOOLBAR_ITEM_FORWARD:

                        break;
                    case TOOLBAR_ITEM_NEW:

                        break;
                    case TOOLBAR_ITEM_MENU:
                        menuDialog.show();
                        break;
                }
            }
        });

        /** ListView列表 **/
        listView = (ListView) findViewById(R.id.ListView_catalog);
        listView
            .setAdapter(getMenuAdapter(menu_name_array2, menu_image_array2));

    }

    @Override
    /**
     * 创建MENU
     */
    public boolean onCreateOptionsMenu(Menu menu)
    {
        menu.add("menu");// 必须创建一项
        return super.onCreateOptionsMenu(menu);
    }

    @Override
    /**
     * 拦截MENU
     */
    public boolean onMenuOpened(int featureId, Menu menu)
    {
        if (menuDialog == null)
        {
            menuDialog = new AlertDialog.Builder(this).setView(menuView).show();
        }
        else
        {
            menuDialog.show();
        }
        return false;// 返回为true 则显示系统menu
    }

    /**
     * 构造菜单Adapter
     * 
     * @param menuNameArray 名称
     * @param imageResourceArray 图片
     * @return SimpleAdapter
     */
    private SimpleAdapter getMenuAdapter(String[] menuNameArray,
        int[] imageResourceArray)
    {
        ArrayList<HashMap<String, Object>> data = new ArrayList<HashMap<String, Object>>();
        for (int i = 0; i < menuNameArray.length; i++)
        {
            HashMap<String, Object> map = new HashMap<String, Object>();
            map.put("itemImage", imageResourceArray[i]);
            map.put("itemText", menuNameArray[i]);
            data.add(map);
        }
        SimpleAdapter simperAdapter = new SimpleAdapter(this, data,
            R.layout.item_menu, new String[] {"itemImage", "itemText" },
            new int[] {R.id.item_image, R.id.item_text });
        return simperAdapter;
    }

}

gridview_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<GridView
         android:id="@+id/gridview"
         android:layout_width="fill_parent"
         android:layout_height="fill_parent"
         android:numColumns="4"
         android:verticalSpacing="10dip"
         android:horizontalSpacing="10dip"
         android:stretchMode="columnWidth"
         android:gravity="bottom"
         />
  
</LinearLayout>

item_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:id="@+id/RelativeLayout_Item" android:layout_width="fill_parent"
	android:layout_height="wrap_content" android:paddingBottom="5dip">

	<ImageView android:layout_height="wrap_content" android:background="@drawable/icon"
		android:id="@+id/imageView1" android:layout_width="wrap_content"
		android:layout_centerHorizontal="true"></ImageView>
	<ImageView android:id="@+id/item_image"
		android:layout_centerHorizontal="true" android:layout_width="wrap_content"
		android:layout_height="wrap_content" android:src="@drawable/menu_about"></ImageView>
	<TextView android:layout_below="@id/item_image" android:id="@+id/item_text"
		android:layout_centerHorizontal="true" android:layout_width="wrap_content"
		android:layout_height="wrap_content" android:text="选项"></TextView>

</RelativeLayout>

main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:id="@+id/RelativeLayout_catalog" android:layout_width="fill_parent"
	android:layout_height="wrap_content">
	<GridView android:id="@+id/GridView_toolbar"
		android:layout_height="wrap_content" android:layout_width="fill_parent"
		android:layout_alignParentBottom="true"></GridView>
	<ListView android:id="@+id/ListView_catalog"
		android:layout_above="@id/GridView_toolbar" android:layout_width="fill_parent"
		android:layout_height="wrap_content">
	</ListView>
</RelativeLayout>