歡迎來到Linux教程網
設為首頁 加入收藏
Linux教程網
Linux教程網
Linux教程網
您现在的位置： Linux教程網 >> UnixLinux >  >> Linux編程 >> Linux編程

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. <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);  
  12. } 
效果圖 650) this.width=650;" border=0>       由於這是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);    
  40. } 
    在編寫過程中，發現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 
  21. } 
  處理菜單點擊事件 方法一：     利用菜單自帶的監聽器功能，直接監聽，就象處理控件事件一樣，像上面的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表示繼續傳遞到父類處理 
  11. } 
效果圖

650) this.width=650;" border=0>

 

動態菜單

     對於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 

Linux編程

Android UI基礎教程：Android Fragment實例

Android UI Layout總結之5大布局

Android學習進階和IoC

Android之Widget學習總結

Android中SurfaceView學習

Android學習系列

Android基礎學習

Android中的Menu(菜單)的三種類型菜單的學習

相關文章
  • Linux編程
  • SHELL編程
  • PERL編程
    • Copyright © Linux教程網 All Rights Reserved