Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> Android開發實例 >> Android UI學習 - Menu

Android UI學習 - Menu

編輯:Android開發實例

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. <menu xmlns:android="http://schemas.android.com/apk/res/android">
  3.     <item android:id="@+id/item1"
  4.           android:title="Item 1"
  5.           android:icon="@drawable/icon"
  6.           android:checkable="true"
  7.           android:checked="false"
  8.           />  
  9.  
  10.     <group android:id="@+id/group_1" 
  11.            android:checkableBehavior="single"> 
  12.         <item android:id="@+id/group_item1"
  13.               android:title="Item 1 in group"
  14.               />
  15.         <item android:id="@+id/group_item2" 
  16.               android:title="Item 2 in group" 
  17.               android:checked="true" 
  18.               /> 
  19.     </group>  
  20.  
  21.     <item android:id="@+id/submenu" 
  22.           android:title="Sub Menu"> 
  23.         <menu>  
  24.             <item android:id="@+id/submenu_item" 
  25.                   android:title="Sub Menu Item" 
  26.                   /> 
  27.         </menu> 
  28.     </item> 
  29.  
  30.     <item android:id="@+id/item3" 
  31.           android:title="item 3" 
  32.           android:checkable="true" 
  33.           android:checked="true" 
  34.           /> 
  35.  
  36. </menu> 
Java代碼
  1. public void onCreate(Bundle savedInstanceState) {  
  2.    ...  
  3.    registerForContextMenu(editText);  
  4. }  
  5.   
  6. @Override  
  7. public void onCreateContextMenu(ContextMenu menu, View v,  
  8.         ContextMenuInfo menuInfo) {  
  9.     super.onCreateContextMenu(menu, v, menuInfo);  
  10.   
  11.     getMenuInflater().inflate(R.menu.menu1, menu);  
效果圖       由於這是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. private static final int MENU_GROUPITEM2 = Menu.FIRST + 9;   
  3. private static final int MENU_ITEM1 = Menu.FIRST + 10; 
  4.  
  5. public void onCreate(Bundle savedInstanceState) {      
  6.     ...      
  7.     registerForContextMenu(findViewById(R.id.edittext));    
  8. }    
  9.     
  10. @Override    
  11. public void onCreateContextMenu(ContextMenu menu, View v,    
  12.         ContextMenuInfo menuInfo) {    
  13.     super.onCreateContextMenu(menu, v, menuInfo);    
  14.   
  15.     menu.add(1,MENU_ITEM1,Menu.NONE, "Item 1").setCheckable(true).setChecked(false);  
  16.     
  17.     // Group ID    
  18.     int groupId = 0; 
  19.     // The order position of the item    
  20.     int menuItemOrder = Menu.NONE; 
  21.     
  22.     menu.add(groupId, MENU_GROUPITEM1, menuItemOrder, "Item 1 in group");    
  23.     menu.add(groupId, MENU_GROUPITEM2, menuItemOrder, "Item 2 in group")    
  24.         .setChecked(true);    
  25.     menu.setGroupCheckable(groupId, true, true); //這句要寫在group item的最後  
  26.     
  27.     SubMenu subMenu = menu.addSubMenu("Sub Menu 1");    
  28.     subMenu.add("Sub Menu Item")    
  29.         .setOnMenuItemClickListener(new MenuItem.OnMenuItemClickListener() {    
  30.             @Override    
  31.             public boolean onMenuItemClick(MenuItem item) {    
  32.                 Toast.makeText(HelloDemo.this,     
  33.                                "Sub Menu Item selected",     
  34.                                Toast.LENGTH_SHORT).show();    
  35.                 return true; //true表示完成當前item的click處理,不再傳遞到父類處理    
  36.             }    
  37.         });    
  38.     
  39.     menu.add("Item 3").setCheckable(true).setChecked(true);    
    在編寫過程中,發現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. public boolean onCreateOptionsMenu(Menu menu) { 
  3.     // Group ID 
  4.     int groupId = 0; 
  5.     // The order position of the item 
  6.     int menuItemOrder = Menu.NONE; 
  7.  
  8.     menu.add(groupId, MENU_COPY, menuItemOrder, "Copy") 
  9.         .setIcon(R.drawable.icon); 
  10.     menu.add(groupId, MENU_EDIT, menuItemOrder, "Edit"); 
  11.     menu.add(groupId, MENU_PASTE, menuItemOrder, "Paste"); 
  12.     menu.add(groupId, MENU_DELETE, menuItemOrder, "Delete"); 
  13.     menu.add(groupId, MENU_OK, menuItemOrder, "Ok"); 
  14.     menu.add(groupId, MENU_CANCEL, menuItemOrder, "Cancel"); 
  15.     menu.add(groupId, MENU_TEST, menuItemOrder, "Test"); 
  16.     menu.add(groupId, MENU_DEMO, menuItemOrder, "Demo"); 
  17.     //  .setIcon(R.drawable.icon); more expand menu 不支持icon, setIcon不會報錯,但運行時還是看不到icon的 
  18.  
  19.     //return super.onCreateOptionsMenu(menu); 
  20.     return true; //true表示要顯示menu; false表示不顯示menu 
  處理菜單點擊事件 方法一:     利用菜單自帶的監聽器功能,直接監聽,就象處理控件事件一樣,像上面的ContextMenu的subMenu.add("Sub Menu Item")設置MenuItem.OnMenuItemClickListener。   方法二:     在Activity和View都直接提供了一個菜單點擊統一處理函數,     Activity::onOptionsItemSelected (MenuItem item) ;     Activity::onContextItemSelected(MenuItem item) ;  
  1. @Override 
  2. public boolean onOptionsItemSelected(MenuItem item) { 
  3.     switch(item.getItemId()){ 
  4.         case MENU_COPY:  
  5.             Toast.makeText(this, "Copy Item selected", Toast.LENGTH_SHORT).show(); 
  6.             break; 
  7.  
  8.         default: break; 
  9.     } 
  10.     return false;//false表示繼續傳遞到父類處理 
效果圖

 

動態菜單

     對於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的創建可以參考官方的http://androidappdocs.appspot.com/guide/topics/ui/menus.html。另外官方提供了Menu Design Guidelines http://androidappdocs.appspot.com/guide/practices/ui_guidelines/menu_design.html 

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

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