Android学习笔记————定制Menu（popupWindow实现）

首先申明，这不一定是最好的方法，android为我们提供了其他定制menu菜单的方法。但是用popupWindow来实现的话，可以实现一些更加特色的功能，当然只有你想不到，没有做不到。

本文参考hellogv的文章http://blog.csdn.net/hellogv/article/details/6168439，不过本文中的例子更加简单，并且，解决了前文没有注意的一些问题。

想实现此项功能此前，需对PopupWindow的用法有个基本了解，这样在看代码的时候会更加轻松。

言归正传，首先，我们需要在res文件夹下，创建anim文件夹，这是存放Animation文件的地方。在这里我们创建两个文件,popup_enter.xml和popup_exit.xml分别对应popupwindow进入和退出时执行的动作。

popup_enter.xml的代码如下：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromYDelta="100%" android:toYDelta="0" android:duration="1000"/>
    <alpha android:fromAlpha="0.0" android:toAlpha="1.0" android:duration="1000"/>
</set>

popup_exit.xml的代码如下：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromYDelta="0" android:toYDelta="100%" android:duration="1000"/>
    <alpha android:fromAlpha="1.0" android:toAlpha="0.0" android:duration="1000"/>
</set>

接下来在values文件夹下创建popup_animation.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="PopupAnimation" parent="android:Animation">
        <item name="android:windowEnterAnimation">@anim/popup_enter</item>
        <item name="android:windowExitAnimation">@anim/popup_exit</item>
    </style>
</resources>

接下来就是我们的重头戏了，一个继承自PopupWindow的类，MyMenu。先看代码：

package com.csy.custommenudemo;

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

import android.content.Context;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnKeyListener;
import android.view.WindowManager.LayoutParams;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.PopupWindow;
import android.widget.SimpleAdapter;

public class MyMenu extends PopupWindow {

	private Context mContext;
	private LinearLayout mLinearLayout;
	private GridView mGridView;
	private String[] titles = {"工具","帮助","关于","主题","设置","退出"};
	private List<HashMap<String,Object>> itemList = new ArrayList<HashMap<String,Object>>();
	private SimpleAdapter adapter;
	private LayoutInflater inflater;
	
	public MyMenu(Context context){
		super(context);
		
		mContext = context;
		
		initDatas();
		initViewInWin();
		
		//1.这里要设置为true，否则将无法响应popupWindow中控件的点击事件。
		this.setFocusable(true);
		
		//这里用上了我们在popupWindow中定义的animation了
		this.setAnimationStyle(R.style.PopupAnimation);
		this.setOutsideTouchable(true);
		this.setContentView(mLinearLayout);
		this.setWidth(LayoutParams.FILL_PARENT);
		this.setHeight(LayoutParams.WRAP_CONTENT);
	}
	
	/**
	 * 初始化popupWindow中的内容
	 */
	public void initViewInWin(){
		inflater = (LayoutInflater)mContext.getSystemService(mContext.LAYOUT_INFLATER_SERVICE);
		mLinearLayout = (LinearLayout)inflater.inflate(R.layout.my_menu, null);
		
		//2.这里需要设置成可以获取焦点，否则无法响应OnKey事件
		mLinearLayout.setFocusable(true);
		mLinearLayout.setFocusableInTouchMode(true);
		
		//3.在这里设置，即可实现关闭的效果。
		mLinearLayout.setOnKeyListener(new LayouOnKeyEvent());
		mGridView = (GridView)mLinearLayout.findViewById(R.id.menu_gridView);
		//设置item点击响应的时间
		mGridView.setOnItemClickListener(new OnItemClickEvent());
		mGridView.setAdapter(adapter);
		
	}
	
	/**
	 * 初始化数据内容
	 */
	public void initDatas(){
		for(int i = 0; i<titles.length; i++){
			HashMap<String,Object> map = new HashMap<String, Object>();
			map.put("image", R.drawable.ic_launcher);
			map.put("title", titles[i]);
			itemList.add(map);
		}
		
		adapter = new SimpleAdapter(mContext, itemList, R.layout.menu_item,
				new String[]{"image","title"}, new int[]{R.id.item_image,R.id.item_title});
	}
	
	class LayouOnKeyEvent implements OnKeyListener{

		@Override
		public boolean onKey(View v, int keyCode, KeyEvent event) {
			// TODO Auto-generated method stub
			//判断事件为menu按钮按下时，将popupWindow关闭
			if(event.getAction() == KeyEvent.ACTION_DOWN && keyCode == KeyEvent.KEYCODE_MENU){
				if(MyMenu.this.isShowing()){
					MyMenu.this.dismiss();
				}
			}
			return false;
		}
		
	}
	
	class OnItemClickEvent implements OnItemClickListener{

		@Override
		public void onItemClick(AdapterView<?> parent, View view, int position,
				long id) {
			// TODO Auto-generated method stub
			
		}
		
	}
	
}

这里我详细说明一下重点标记的三点：

1.这个很容易理解，如果MyMenu无法获得焦点的话，自然不能响应它上面控件的事件了。

2.刚开始看hellogv的文章的时候没有把这个问题当一回事，既然想要“冒充”menu，只需要在Activity中的onKeyDown方法中进行相应的判断，关闭的时候就打开，打开的时候就关闭。可是问题来了，打开是实现了，可是关不了.....这可让我犯糊涂了，于是上网查，哦~~~~~原来android对menu按钮有特殊的“拦截制度”，但是这个“拦截制度“着实让我看的有点糊涂了。好不容易找打一个人有相同的问题却没有解决.....最后，还是让我找到了答案（嘻嘻），原来在popupWindow显示的时候，焦点被它取得了，那么activity中的onKey方法自然无法响应了。问题就在这，那么我们应该怎么解决呢？

解决的方法很简单，我们只需要给popupWindow中的View加上onKey方法，并且让它能够获取焦点就可以了！例子中是让mLinearLayout来实现的。并且达到了我们要的效果。

3.这里自然是给mLinearLayout设置事件监听了。

接下来就是主界面CustomMenuDemoActivity的代码了。

package com.csy.custommenudemo;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class CustomMenuDemoActivity extends Activity {
	
	private Button showBtn;
	MyMenu myMenu;
	
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        myMenu = new MyMenu(CustomMenuDemoActivity.this);
        myMenu.setAnimationStyle(R.style.PopupAnimation);
        
    }
    
    @Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		switch(keyCode){
		case KeyEvent.KEYCODE_MENU:
			if(myMenu.isShowing()){
				myMenu.dismiss();
			}else{
				myMenu.showAtLocation(findViewById(R.id.main_layout), Gravity.BOTTOM, 0, 0);
			}
		}
		return false;
    }
}

那么这样，我们就实现了一个用popupWindow定制的menu，并且可以通过menu按键，实现正常打开和关闭。

附上源码地址：http://download.csdn.net/download/chenshaoyang0011/4046142