android开发步步为营之28：自定义Menu

一般我们使用OptionMenu已经能够满足设计上的需求了，但是有时候如果把菜单设计的特别一些，那就需要我们自己来创建菜单了，这里呢，我使用自定义的AlertDialog来实现，让AlertDialog弹出一个放置GridView的页面，达到模拟OptionMenu的效果。Gridview用来显示图片+文字比较好用。好，开始我们的实验。
 
第一步、设计界面
自定义菜单页面custommenu.xml，放置了一个GridView
<?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"  android:baselineAligned="true">
    <GridViewandroid: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>
 
菜单选项界面menuitem.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">
    <ImageViewandroid:id="@+id/item_image"
        android:layout_centerHorizontal="true"android:layout_width="wrap_content"
        android:layout_height="wrap_content"></ImageView>
    <TextViewandroid: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>
 
 
 
第二步、设计Activity CustomMenuActivity.java
 
/**
 * zhuzhifei
 * 20111127
 */
package com.figo.helloworld;
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.KeyEvent;
import android.view.Menu;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;
 
/**
 * @author Administrator
 *
 */
public class CustomMenuActivity extends Activity {
   private boolean isMore = true;// menu菜单翻页控制
   AlertDialog menuDialog;// 通过alertdialog弹出自定义menu菜单
   GridView menuGrid;//放置menu选项
   View menuView;//从xml文件inflateview
   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;// 菜单
   /** 菜单图片 **/
   int[] menu_image_array = { R.drawable.icon, R.drawable.icon,
        R.drawable.icon, R.drawable.icon, R.drawable.icon, R.drawable.icon,
        R.drawable.icon, R.drawable.icon, R.drawable.icon, R.drawable.icon,
        R.drawable.icon, R.drawable.icon };
   /** 菜单文字 **/
   String[] menu_name_array = { "搜索", "文件管理", "下载管理", "全屏", "网址", "书签",
        "加入书签", "分享页面", "退出", "夜间模式", "刷新", "更多..." };
   /** 菜单图片2 **/
   int[] menu_image_array2 = { R.drawable.icon, R.drawable.icon,
        R.drawable.icon, R.drawable.icon, R.drawable.icon, R.drawable.icon,
        R.drawable.icon, R.drawable.icon, R.drawable.icon, R.drawable.icon,
        R.drawable.icon, R.drawable.icon };
   /** 菜单文字2 **/
   String[] menu_name_array2 = { "自动横屏", "笔选模式", "阅读模式", "浏览模式", "快捷翻页",
        "检查更新", "检查网络", "定时刷新", "设置", "帮助", "关于", "返回" };
 
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      // TODO Auto-generatedmethod stub
      super.onCreate(savedInstanceState);
      setContentView(R.layout.main);
      CreatCustomMenu();//AlertDialog+GridView创建自定义菜单
   }
   //AlertDialog+GridView创建自定义菜单
    private void CreatCustomMenu()
    {
      menuView = View.inflate(this, R.layout.custommenu, null);
      // 创建AlertDialog
      menuDialog = new AlertDialog.Builder(this).create();
      menuDialog.setView(menuView);
      //调整alertdialog位置来调整自定义Menu
      Window w=menuDialog.getWindow();
      WindowManager.LayoutParams lp =w.getAttributes();
      lp.x=0;
      lp.y=150;
 
      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:
              //这里只是给个提示，一般可以跳转到menuitem对应的activity去
              Toast.makeText(getApplicationContext(), "搜索", Toast.LENGTH_SHORT).show();
              // 搜索
              break;
           case ITEM_FILE_MANAGER:
              Toast.makeText(getApplicationContext(), "文件管理", Toast.LENGTH_SHORT).show();
              // 文件管理
              break;
           case ITEM_DOWN_MANAGER:
              Toast.makeText(getApplicationContext(), "下载管理", Toast.LENGTH_SHORT).show();
              // 下载管理
              break;
           case ITEM_FULLSCREEN:
              Toast.makeText(getApplicationContext(), "全屏", Toast.LENGTH_SHORT).show();
              // 全屏
              break;
           case ITEM_MORE:
              Toast.makeText(getApplicationContext(), "翻页", Toast.LENGTH_SHORT).show();
              // 翻页
              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;
              }
              break;
           }
        }
      });
    }
   @Override
   public boolean onCreateOptionsMenu(Menu menu) {
      menu.add("menu");
      // 必须创建一项,不然点menu按钮没反应
      return super.onCreateOptionsMenu(menu);
   }
    //创建adapter给gridview提供数据源
   private SimpleAdapter getMenuAdapter(String[] menuNameArray,
        int[] imageResourceArray) {
      ArrayList<HashMap<String, Object>> data = newArrayList<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.menuitem, new String[] { "itemImage", "itemText" },
           new int[] { R.id.item_image, R.id.item_text });
      return simperAdapter;
   }
    //按钮键点击事件
   @Override
   public boolean onMenuOpened(int featureId, Menu menu) {
      if (menuDialog == null) {
        CreatCustomMenu();//AlertDialog+GridView创建自定义菜单
      } else {
        menuDialog.show();
      }
      return false;// 返回为true 则显示系统menu
   }
}
 
 
第三步、AndroidManifest.xml注册我们的Activity
    <activity android:name=".CustomMenuActivity" android:label="@string/app_name">
           <intent-filter>
              <action android:name="android.intent.action.MAIN"/>
              <category android:name="android.intent.category.LAUNCHER"/>
           </intent-filter>
       </activity>
 
第四步、运行效果