閱讀39 返回首頁    go 阿裏雲 go 技術社區[雲棲]

Android UI學習 - Menu菜單

 Android係統裏麵有3種類型的菜單：options menu，context menu，sub menu。
 
options menu    按Menu鍵就會顯示，用於當前的Activity。
    它包括兩種菜單項：
         因為options menu在屏幕底部最多隻能顯示6個菜單項，這些菜單項稱為icon menu，icon menu隻支持文字(title) 以及icon，可以設置快捷鍵，不支持checkbox以及radio控件，所以不能設置checkable選項。
         而多於6的菜單項會以“more” icon menu來調出，稱為expanded menu。它不支持icon，其他的特性都和icon menu一樣！
 
在Activity裏麵，一般通過以下函數來使用options menu：
     Activity::onCreateOptionsMenu (Menu menu)   創建options menu，這個函數隻會在menu第一次顯示時調用。
     Activity::onPrepareOptionsMenu (Menu menu)  更新改變options menu的內容，這個函數會在menu每次顯示時調用。
     Activity::onOptionsItemSelected (MenuItem item) 處理選中的菜單項。
 
context menu    要在相應的view上按幾秒後才顯示的，用於view，跟某個具體的view綁定在一起。
    這類型的菜單不支持icon和快捷鍵！
 
在Activity裏麵，一般通過以下函數來使用context menu：
    Activity::registerForContextMenu(View view) 為某個view注冊context menu，一般在Activity::onCreate裏麵調用。
    Activity::onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) 創建context menu，和options menu不同，context meun每次顯示時都會調用這個函數。
    Activity::onContextItemSelected(MenuItem item) 處理選中的菜單項。
 
sub menu
    以上兩種menu都可以加入子菜單，但子菜單不能嵌套子菜單，這意味著在Android係統，菜單隻有兩層，設計時需要注意的！同時子菜單不支持icon。
 

xml形式的menu定義及應用

    上述的三種類型的menu都能夠定義為xml資源，但需要手動地使用MenuInflater來得到Menu對象的引用。
      一個菜單，對應一個xml文件，因為要求隻能有一個根節點<menu>。官方說<?xml>聲明可以不寫，但我覺得還是寫上好些，很多時候那個<?xml>聲明主要是為了聲明編碼格式utf-8之類的。xml文件保存為res/menu/some_file.xml。Java代碼引用資源: R.menu.some_file
 
    接下來介紹相關的節點和屬性(所有的屬性都定義為android空間內，例如android:icon="@drawable/icon")：
    <menu> 根節點，沒有屬性。
  
    <group> 表示在它裏麵的<item>在同一group。相關屬性包括：
          id：group id
          menuCategory：對應 常量Menu CATEGORY_*  — 定義了一組的優先權，有
效值：container，system，secondary，和alternative
          orderInCategory：定義這組菜單在菜單中的默認次序，int值
          checkableBehavior：這組菜單項是否checkable。有效值：none，all(單選/單選按鈕radio button)，single(非單選/複選類型checkboxes)
          visible：這組菜單是否可見 true or false
          enabled：這組菜單是否可用，true or false
 
    <item>  菜單項，可以嵌入<menu>作為子菜單。相關屬性包括：
        id：  item id
        menuCategory： 用來定義menu類別
        orderInCategory： 用來定義次序，與一個組在一起(Used to define the order of the item, within a group)
        title： 標題
        titleCondensed：標題摘要， 當原標題太長的時候，需要用簡短的字符串來代替title
        icon： icon 圖標
        alphabeticShortcut： 字母快捷鍵
        numericShortcut：數學快捷鍵
        checkable：是否為checkbox， true or false 
        checked：是否設置為checked狀態，true or false
        visible： 是否可見， true or false
        enabled：是否可用，true or false
 
xml示例：


    

  1. <?xml version="1.0" encoding="utf-8"?>
    2. 

  2. <menu xmlns:android="https://schemas.android.com/apk/res/android">
    3. 

  3.     <item android:id="@+id/item1"
    4. 

  4.           android:title="Item 1"
    5. 

  5.           android:icon="@drawable/icon"
    6. 

  6.           android:checkable="true"
    7. 

  7.           android:checked="false"
    8. 

  8.           />  
    9. 

  9.  
    10. 

  10.     <group android:id="@+id/group_1" 
    11. 

  11.            android:checkableBehavior="single"> 
    12. 

  12.         <item android:id="@+id/group_item1"
    13. 

  13.               android:title="Item 1 in group"
    14. 

  14.               />
    15. 

  15.         <item android:id="@+id/group_item2" 
    16. 

  16.               android:title="Item 2 in group" 
    17. 

  17.               android:checked="true" 
    18. 

  18.               /> 
    19. 

  19.     </group>  
    20. 

  20.  
    21. 

  21.     <item android:id="@+id/submenu" 
    22. 

  22.           android:title="Sub Menu"> 
    23. 

  23.         <menu>  
    24. 

  24.             <item android:id="@+id/submenu_item" 
    25. 

  25.                   android:title="Sub Menu Item" 
    26. 

  26.                   /> 
    27. 

  27.         </menu> 
    28. 

  28.     </item> 
    29. 

  29.  
    30. 

  30.     <item android:id="@+id/item3" 
    31. 

  31.           android:title="item 3" 
    32. 

  32.           android:checkable="true" 
    33. 

  33.           android:checked="true" 
    34. 

  34.           /> 
    35. 

  35.  
    36. 

  36. </menu> 
    37. 



Java代碼




    

  1. public void onCreate(Bundle savedInstanceState) {  
    2. 

  2.    ...  
    3. 

  3.    registerForContextMenu(editText);  
    4. 

  4. }  
    5. 

  5.   
    6. 

  6. @Override  
    7. 

  7. public void onCreateContextMenu(ContextMenu menu, View v,  
    8. 

  8.         ContextMenuInfo menuInfo) {  
    9. 

  9.     super.onCreateContextMenu(menu, v, menuInfo);  
    10. 

  10.   
    11. 

  11.     getMenuInflater().inflate(R.menu.menu1, menu);  
    12. 

  12. } 
    13. 



效果圖


contextmenu


      由於這是contextMenu，所以可以看到即使xml定義裏麵的item1.seticon了，但還是沒有顯示出來的，即那語句是無效的！


     另外，要明確的是，要顯示radio，需要用group，而group裏麵的item設置了checked = true即選中。而 checkable和checked的區別，一開始我是很困惑的，但寫了代碼並運行後，明白它們的區別了： checkable=true表示這個item是checkbox，checked則表示是否選中。所以對於checkbox item，最好先寫 checkable="true"，然後再寫checked。


 


Java實現


    用Java來實現以上的效果圖，就比較麻煩些：




    

  1. private static final int MENU_GROUPITEM1 = Menu.FIRST + 8;   
    2. 

  2. private static final int MENU_GROUPITEM2 = Menu.FIRST + 9;   
    3. 

  3. private static final int MENU_ITEM1 = Menu.FIRST + 10; 
    4. 

  4.  
    5. 

  5. public void onCreate(Bundle savedInstanceState) {      
    6. 

  6.     ...      
    7. 

  7.     registerForContextMenu(findViewById(R.id.edittext));    
    8. 

  8. }    
    9. 

  9.     
    10. 

  10. @Override    
    11. 

  11. public void onCreateContextMenu(ContextMenu menu, View v,    
    12. 

  12.         ContextMenuInfo menuInfo) {    
    13. 

  13.     super.onCreateContextMenu(menu, v, menuInfo);    
    14. 

  14.   
    15. 

  15.     menu.add(1,MENU_ITEM1,Menu.NONE, "Item 1").setCheckable(true).setChecked(false);  
    16. 

  16.     
    17. 

  17.     // Group ID    
    18. 

  18.     int groupId = 0; 
    19. 

  19.     // The order position of the item    
    20. 

  20.     int menuItemOrder = Menu.NONE; 
    21. 

  21.     
    22. 

  22.     menu.add(groupId, MENU_GROUPITEM1, menuItemOrder, "Item 1 in group");    
    23. 

  23.     menu.add(groupId, MENU_GROUPITEM2, menuItemOrder, "Item 2 in group")    
    24. 

  24.         .setChecked(true);    
    25. 

  25.     menu.setGroupCheckable(groupId, true, true); //這句要寫在group item的最後  
    26. 

  26.     
    27. 

  27.     SubMenu subMenu = menu.addSubMenu("Sub Menu 1");    
    28. 

  28.     subMenu.add("Sub Menu Item")    
    29. 

  29.         .setOnMenuItemClickListener(new MenuItem.OnMenuItemClickListener() {    
    30. 

  30.             @Override    
    31. 

  31.             public boolean onMenuItemClick(MenuItem item) {    
    32. 

  32.                 Toast.makeText(HelloDemo.this,     
    33. 

  33.                                "Sub Menu Item selected",     
    34. 

  34.                                Toast.LENGTH_SHORT).show();    
    35. 

  35.                 return true; //true表示完成當前item的click處理，不再傳遞到父類處理    
    36. 

  36.             }    
    37. 

  37.         });    
    38. 

  38.     
    39. 

  39.     menu.add("Item 3").setCheckable(true).setChecked(true);    
    40. 

  40. } 
    41. 



    在編寫過程中，發現groupId的影響很大，不推薦使用Menu.add(int titleRes)和add(CharSequence title)方法來添加MenuItem，因為沒有指定groupID，默認為0，這樣子和後麵的menu group 一組了，導致執行完menu.setGroupCheckable(groupId, true, true)後同一group的Item都變成radio。



 


OptionsMenu的Java實現




    

  1. @Override 
    2. 

  2. public boolean onCreateOptionsMenu(Menu menu) { 
    3. 

  3.     // Group ID 
    4. 

  4.     int groupId = 0; 
    5. 

  5.     // The order position of the item 
    6. 

  6.     int menuItemOrder = Menu.NONE; 
    7. 

  7.  
    8. 

  8.     menu.add(groupId, MENU_COPY, menuItemOrder, "Copy") 
    9. 

  9.         .setIcon(R.drawable.icon); 
    10. 

  10.     menu.add(groupId, MENU_EDIT, menuItemOrder, "Edit"); 
    11. 

  11.     menu.add(groupId, MENU_PASTE, menuItemOrder, "Paste"); 
    12. 

  12.     menu.add(groupId, MENU_DELETE, menuItemOrder, "Delete"); 
    13. 

  13.     menu.add(groupId, MENU_OK, menuItemOrder, "Ok"); 
    14. 

  14.     menu.add(groupId, MENU_CANCEL, menuItemOrder, "Cancel"); 
    15. 

  15.     menu.add(groupId, MENU_TEST, menuItemOrder, "Test"); 
    16. 

  16.     menu.add(groupId, MENU_DEMO, menuItemOrder, "Demo"); 
    17. 

  17.     //  .setIcon(R.drawable.icon); more expand menu 不支持icon, setIcon不會報錯，但運行時還是看不到icon的 
    18. 

  18.  
    19. 

  19.     //return super.onCreateOptionsMenu(menu); 
    20. 

  20.     return true; //true表示要顯示menu; false表示不顯示menu 
    21. 

  21. } 
    22. 



 


處理菜單點擊事件




方法一：


    利用菜單自帶的監聽器功能，直接監聽，就象處理控件事件一樣，像上麵的ContextMenu的subMenu.add("Sub Menu Item")設置MenuItem.OnMenuItemClickListener。



 


方法二：


    在Activity和View都直接提供了一個菜單點擊統一處理函數，


    Activity::onOptionsItemSelected (MenuItem item) ；


    Activity::onContextItemSelected(MenuItem item) ；



 




    

  1. @Override 
    2. 

  2. public boolean onOptionsItemSelected(MenuItem item) { 
    3. 

  3.     switch(item.getItemId()){ 
    4. 

  4.         case MENU_COPY:  
    5. 

  5.             Toast.makeText(this, "Copy Item selected", Toast.LENGTH_SHORT).show(); 
    6. 

  6.             break; 
    7. 

  7.  
    8. 

  8.         default: break; 
    9. 

  9.     } 
    10. 

  10.     return false;//false表示繼續傳遞到父類處理 
    11. 

  11. } 
    12. 





效果圖


Menu


 


動態菜單


     對於OptionsMenu，一般可以使用onPrepareOptionsMenu來改變。


 


      另外，使用函數android.view.Menu.addIntentOptions(int groupId,int itemId,int order,ComponentName caller, Intent[] specifics, Intent intent,int flags,MenuItem[] outSpecificItems)



      Specifics  以action+uri的具體方式來增加激活相應activity的菜單項


      Intent      以categroy+uri這種一般形式來增加激活相應activity的菜單項


      參數Intent和Specifics的區別是，一個用categroy+uri來匹配activity，一個用action+uri來匹配activity。


 


//按Action查找


Intent[] specifics = new Intent[1];


specifics[0] = new Intent(Intent.ACTION_EDIT, uri);


 


//按Category查找，Action設為null


Intent intent = new Intent(null, uri);


intent.addCategory(Intent.CATEGORY_ALTERNATIVE);


 


MenuItem[] items = new MenuItem[1];


menu.addIntentOptions(Menu.CATEGORY_ALTERNATIVE, 0, 0, null, specifics, intent, 0, items);


 


     有關Menu的創建可以參考官方的https://androidappdocs.appspot.com/guide/topics/ui/menus.html。另外官方提供了Menu Design Guidelines https://androidappdocs.appspot.com/guide/practices/ui_guidelines/menu_design.html 






本文出自 “學習Android” 博客，請務必保留此出處https://android.blog.51cto.com/268543/306424


最後更新：2017-04-02 06:51:48
  上一篇：go SQL重複記錄查詢
  下一篇：go [usaco] Number Triangles