Linux教程網 >> Linux編程 >> Linux編程 >> Android UI學習 - Menu

Android UI學習 - Menu

日期：2017/3/1 11:16:09 编辑：Linux編程

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示例：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@+id/item1"
          android:title="Item 1"
          android:icon="@drawable/icon"
          android:checkable="true"
          android:checked="false"
          />  
 
    <group android:id="@+id/group_1" 
           android:checkableBehavior="single"> 
        <item android:id="@+id/group_item1"
              android:title="Item 1 in group"
              />
        <item android:id="@+id/group_item2" 
              android:title="Item 2 in group" 
              android:checked="true" 
              /> 
    </group>  
 
    <item android:id="@+id/submenu" 
          android:title="Sub Menu"> 
        <menu>  
            <item android:id="@+id/submenu_item" 
                  android:title="Sub Menu Item" 
                  /> 
        </menu> 
    </item> 
 
    <item android:id="@+id/item3" 
          android:title="item 3" 
          android:checkable="true" 
          android:checked="true" 
          /> 
 
</menu>

Java代碼

public void onCreate(Bundle savedInstanceState) {  
   ...  
   registerForContextMenu(editText);  
}  
  
@Override  
public void onCreateContextMenu(ContextMenu menu, View v,  
        ContextMenuInfo menuInfo) {  
    super.onCreateContextMenu(menu, v, menuInfo);  
  
    getMenuInflater().inflate(R.menu.menu1, menu);  
}

效果圖 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來實現以上的效果圖，就比較麻煩些：

private static final int MENU_GROUPITEM1 = Menu.FIRST + 8;   
private static final int MENU_GROUPITEM2 = Menu.FIRST + 9;   
private static final int MENU_ITEM1 = Menu.FIRST + 10; 
 
public void onCreate(Bundle savedInstanceState) {      
    ...      
    registerForContextMenu(findViewById(R.id.edittext));    
}    
    
@Override    
public void onCreateContextMenu(ContextMenu menu, View v,    
        ContextMenuInfo menuInfo) {    
    super.onCreateContextMenu(menu, v, menuInfo);    
  
    menu.add(1,MENU_ITEM1,Menu.NONE, "Item 1").setCheckable(true).setChecked(false);  
    
    // Group ID    
    int groupId = 0; 
    // The order position of the item    
    int menuItemOrder = Menu.NONE; 
    
    menu.add(groupId, MENU_GROUPITEM1, menuItemOrder, "Item 1 in group");    
    menu.add(groupId, MENU_GROUPITEM2, menuItemOrder, "Item 2 in group")    
        .setChecked(true);    
    menu.setGroupCheckable(groupId, true, true); //這句要寫在group item的最後  
    
    SubMenu subMenu = menu.addSubMenu("Sub Menu 1");    
    subMenu.add("Sub Menu Item")    
        .setOnMenuItemClickListener(new MenuItem.OnMenuItemClickListener() {    
            @Override    
            public boolean onMenuItemClick(MenuItem item) {    
                Toast.makeText(HelloDemo.this,     
                               "Sub Menu Item selected",     
                               Toast.LENGTH_SHORT).show();    
                return true; //true表示完成當前item的click處理，不再傳遞到父類處理    
            }    
        });    
    
    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實現

@Override 
public boolean onCreateOptionsMenu(Menu menu) { 
    // Group ID 
    int groupId = 0; 
    // The order position of the item 
    int menuItemOrder = Menu.NONE; 
 
    menu.add(groupId, MENU_COPY, menuItemOrder, "Copy") 
        .setIcon(R.drawable.icon); 
    menu.add(groupId, MENU_EDIT, menuItemOrder, "Edit"); 
    menu.add(groupId, MENU_PASTE, menuItemOrder, "Paste"); 
    menu.add(groupId, MENU_DELETE, menuItemOrder, "Delete"); 
    menu.add(groupId, MENU_OK, menuItemOrder, "Ok"); 
    menu.add(groupId, MENU_CANCEL, menuItemOrder, "Cancel"); 
    menu.add(groupId, MENU_TEST, menuItemOrder, "Test"); 
    menu.add(groupId, MENU_DEMO, menuItemOrder, "Demo"); 
    //  .setIcon(R.drawable.icon); more expand menu 不支持icon, setIcon不會報錯，但運行時還是看不到icon的 
 
    //return super.onCreateOptionsMenu(menu); 
    return true; //true表示要顯示menu; false表示不顯示menu 
}

處理菜單點擊事件 方法一：利用菜單自帶的監聽器功能，直接監聽，就象處理控件事件一樣，像上面的ContextMenu的subMenu.add("Sub Menu Item")設置MenuItem.OnMenuItemClickListener。方法二：在Activity和View都直接提供了一個菜單點擊統一處理函數， Activity::onOptionsItemSelected (MenuItem item) ； Activity::onContextItemSelected(MenuItem item) ；

@Override 
public boolean onOptionsItemSelected(MenuItem item) { 
    switch(item.getItemId()){ 
        case MENU_COPY:  
            Toast.makeText(this, "Copy Item selected", Toast.LENGTH_SHORT).show(); 
            break; 
 
        default: break; 
    } 
    return false;//false表示繼續傳遞到父類處理 
}

效果圖

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