android自定義menu,PopUpWindow彈出菜單

 

使用PopupWindow來做自定義menu,往PopupWindow增加一個子View,子View的佈局就是menu的佈局。

出現和退出的動畫:可以給PopUpWindow或它的子view添加。

網上所有用PopupWindow做的menu有個共同特點:就是點擊menu鍵出現PopupWindow,然後再點擊menu鍵無法使PopupWindow退出/dismiss()。

當給PopupWindow設置了setFocusable(true),menu顯示後,點擊menu其他任何地方,menu都會消失,但是這時候按鈕的點擊事件其實是不響應的。同時只響應鍵盤的返回鍵,其他按鍵均不響應,比如點擊menu鍵,沒有任何反應。

要解決這個問題很簡單,就是給PopupWindow的子View設置下面的代碼:

		//sub_view 是PopupWindow的子View
		sub_view.setFocusableInTouchMode(true);
		sub_view.setOnKeyListener(new OnKeyListener() {
			@Override
			public boolean onKey(View v, int keyCode, KeyEvent event) {
				// TODO Auto-generated method stub
				if ((keyCode == KeyEvent.KEYCODE_MENU)&&(mPopupWindow.isShowing())) {
					mPopupWindow.dismiss();// 這裏寫明模擬menu的PopupWindow退出就行
					return true;
				}
				return false;
			}
		});


 記住,一定要給PopupWindow設置setFocusable(true),要不然點擊menu其他地方以及返回鍵,menu都不會退出。且這時候是響應PopupWindow的parent的menu事件的。

下面闡述爲什麼這麼寫之後,當PopupWindow顯示後,點擊menu鍵PopupWindow會退出的原因:

首先得明白爲什麼給PopupWindow setFocusable(true)後,點擊menu出現PopupWindow後再點擊menu沒反應的原因。

PopupWindow初始化的時候一般都指定了在哪個View上出現,我們稱這個View爲parent。parent裏面寫了點擊menu出現PopupWindow的事件,如果給PopupWindow setFocusable(true),此時屏幕的焦點在PopupWindow上面,肯定是不會響應parent的按鍵事件的,它只會響應PopupWindow的按鍵事件。

但是PopupWindow的本質是Window,沒有繼承View類,自己沒有onkeyDown或onkey或dispatchKey這些事件的。我剛開始試着實現這些接口,但是按鍵依然不響應,不知原因。因現在對按鍵的原理還不熟,無法闡述其原因。

然後我想繞道而行,就是給PopupWindow的子View註冊按鍵事件,setKeyListener,剛開始我在子View的xml設置了android:focusable=”true” 但按鍵事件依然不響應。。。。糾結啊糾結。。。然後沒得辦法,我google了所有關於PopupWindow的文章。。。最後終於被我發現。。。需要給PopupWindow的子View 設置setFocusableInTouchMode(true)。這時候按鍵事件就響應了。。。

 

下面附上完整代碼:

    /*必須重寫,否則點擊MENU無反應  爲了讓他不顯示,下面onMenuOpened()必須返回false*/
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		menu.add("menu");// 必須創建一項
		return super.onCreateOptionsMenu(menu);
	}
	/**
	 * 攔截MENU
	 */
	@Override
	public boolean onMenuOpened(int featureId, Menu menu) {
		if(mPopupWindow != null){
			if(!mPopupWindow.isShowing()){
				/*最重要的一步:彈出顯示   在指定的位置(parent)  最後兩個參數 是相對於 x / y 軸的座標*/
				mPopupWindow.showAtLocation(findViewById(R.id.linear_menu_parent), Gravity.BOTTOM, 0, 0);
			}
		}
		return false;// 返回爲true 則顯示系統menu
	}

    
    private void initPopuWindow(int menuViewID){
    	LayoutInflater mLayoutInflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
    	/*設置顯示menu佈局   view子VIEW*/
    	sub_view = mLayoutInflater.inflate(menuViewID, null);
    	/*第一個參數彈出顯示view  後兩個是窗口大小*/
    	mPopupWindow = new PopupWindow(sub_view, LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT);
    	/*設置背景顯示*/
    	mPopupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.bg_menu_popup));
    	/*設置觸摸外面時消失*/
    	mPopupWindow.setOutsideTouchable(true);
    	/*設置系統動畫*/
		mPopupWindow.setAnimationStyle(android.R.style.Animation_Dialog);
		mPopupWindow.update();
		mPopupWindow.setTouchable(true);
		/*設置點擊menu以外其他地方以及返回鍵退出*/
		mPopupWindow.setFocusable(true);
		
		/** 1.解決再次點擊MENU鍵無反應問題  
		 *  2.sub_view是PopupWindow的子View
		 */
		sub_view.setFocusableInTouchMode(true);
		sub_view.setOnKeyListener(new OnKeyListener() {
			@Override
			public boolean onKey(View v, int keyCode, KeyEvent event) {
				// TODO Auto-generated method stub
				if ((keyCode == KeyEvent.KEYCODE_MENU)&&(mPopupWindow.isShowing())) {
					mPopupWindow.dismiss();// 這裏寫明模擬menu的PopupWindow退出就行
					return true;
				}
				return false;
			}
		});
		
		
		/*監聽MENU事件*/
		menu = new View[3];
		menu[0] = sub_view.findViewById(R.id.menu_0);
		menu[1] = sub_view.findViewById(R.id.menu_1);
		menu[2] = sub_view.findViewById(R.id.menu_2);
		
		menu[0].setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// doSomething
				
			}
		});
		
		menu[1].setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// doSomething
				
			}
		});
		
		menu[2].setOnClickListener(new OnClickListener() {
			@Override
			public void onClick(View v) {
				// doSomething
				
			}
		});
    }


 

網上有模仿UCweb的自定義menu的源碼,下面是三個比較經典的文章:

  1. Android提高十八篇之自定義Menu(TabMenu)
  2. 【源碼發佈】仿UCWEB7.4界面最新Menu菜單 源碼放出~!
  3. 模仿UCweb菜單

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