Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> android自定義menu,PopUpWindow彈出菜單

android自定義menu,PopUpWindow彈出菜單

編輯:關於Android編程

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

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

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

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

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


[java]
<SPAN style="COLOR: #993300; FONT-SIZE: 12px">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;   
    }   
});  </SPAN> 

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; 
    } 
}); 


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設置下面的代碼:

[java] 
<SPAN style="COLOR: #993300; FONT-SIZE: 12px">    //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;   
        }   
    });  </SPAN> 

    //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)。這時候按鍵事件就響應了。。。

 

下面附上完整代碼:

[java]
<SPAN style="COLOR: #993300; FONT-SIZE: 12px">/*必須重寫,否則點擊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    
               
        }   
    });   
   } </SPAN> 

/*必須重寫,否則點擊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 
             
        } 
    }); 
   }

 

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved