第十六講：菜單 Android Menu

有一個(gè)姑涼 · 發(fā)表于 2013-8-28 16:19

682

本講內(nèi)容：菜單 menu
1、選項(xiàng)菜單 OptionsMenu
2、上下文菜單 ContextMenu
3、子菜單 SubMenu

組成Android用戶界面的除了View以外，還有菜單和對(duì)話框，這一講我們就共同學(xué)習(xí)一下菜單的使用。

菜單是用戶界面中最常見的元素，使用也非常頻繁，在Android中，菜單被分為如下三種，選項(xiàng)菜單（OptionsMenu）、上下文菜單（ContextMenu）和子菜單（SubMenu），下面分別舉例說明。

一、選項(xiàng)菜單 OptionsMenu

Android手機(jī)上有個(gè)Menu按鍵，當(dāng)Menu按下的時(shí)候，每個(gè)Activity都可以選擇處理這一請(qǐng)求，在屏幕底部彈出一個(gè)菜單，這個(gè)菜單我們就叫他選項(xiàng)菜單OptionsMenu，一般情況下，選項(xiàng)菜單最多顯示2排每排3個(gè)菜單項(xiàng)，這些菜單項(xiàng)有文字有圖標(biāo)，也被稱作Icon Menus，如果多于6項(xiàng)，從第六項(xiàng)開始會(huì)被隱藏，在第六項(xiàng)會(huì)出現(xiàn)一個(gè)More里，點(diǎn)擊More才出現(xiàn)第六項(xiàng)以及以后的菜單項(xiàng)，這些菜單項(xiàng)也被稱作Expanded Menus。

下面我們通過一個(gè)例子來學(xué)習(xí)選項(xiàng)菜單，重要提示都放在代碼注釋里了，請(qǐng)留意一下。

1、新建一個(gè)項(xiàng)目 Lesson16_HelloMenu，主Activity叫 MainHelloMenu.java

2、reslayoutmain.xml的內(nèi)容如下：

<?xml version="1.0" encoding="utf-8"?>
<linearlayout android:layout_height="fill_parent" android:layout_width="fill_parent" android:background="#003399" android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android">
      <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/TextView01" android:text="菜單使用指南" android:layout_margintop="5dp" android:textsize="20sp">
      </textview>

      <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/TextView02" android:text="1、請(qǐng)點(diǎn)擊 Menu鍵呼出選項(xiàng)菜單" android:layout_margintop="5dp" android:textsize="20sp">
      </textview>
</linearlayout>

復(fù)制代碼

3、MainHelloMenu.java的內(nèi)容如下：

package android.basic.lesson16;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

public class MainHelloMenu extends Activity {
      /** Called when the activity is first created. */
      @Override
      public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
      }

      // 點(diǎn)擊Menu時(shí)，系統(tǒng)調(diào)用當(dāng)前Activity的onCreateOptionsMenu方法，并傳一個(gè)實(shí)現(xiàn)了一個(gè)Menu接口的menu對(duì)象供你使用
      @Override
      public boolean onCreateOptionsMenu(Menu menu) {
            /*
               * add()方法的四個(gè)參數(shù)，依次是：
               * 1、組別，如果不分組的話就寫Menu.NONE,
               * 2、Id，這個(gè)很重要，Android根據(jù)這個(gè)Id來確定不同的菜單
               * 3、順序，那個(gè)菜單現(xiàn)在在前面由這個(gè)參數(shù)的大小決定
               * 4、文本，菜單的顯示文本
               */
            menu.add(Menu.NONE, Menu.FIRST + 1, 5, "刪除").setIcon(
                              android.R.drawable.ic_menu_delete);
            // setIcon()方法為菜單設(shè)置圖標(biāo)，這里使用的是系統(tǒng)自帶的圖標(biāo)，同學(xué)們留意一下,以
            // android.R開頭的資源是系統(tǒng)提供的，我們自己提供的資源是以R開頭的
            menu.add(Menu.NONE, Menu.FIRST + 2, 2, "保存").setIcon(
                              android.R.drawable.ic_menu_edit);
            menu.add(Menu.NONE, Menu.FIRST + 3, 6, "幫助").setIcon(
                              android.R.drawable.ic_menu_help);
            menu.add(Menu.NONE, Menu.FIRST + 4, 1, "添加").setIcon(
                              android.R.drawable.ic_menu_add);
            menu.add(Menu.NONE, Menu.FIRST + 5, 4, "詳細(xì)").setIcon(
                              android.R.drawable.ic_menu_info_details);
            menu.add(Menu.NONE, Menu.FIRST + 6, 3, "發(fā)送").setIcon(
                              android.R.drawable.ic_menu_send);
            // return true才會(huì)起作用
            return true;

      }

      //菜單項(xiàng)被選擇事件
      @Override
      public boolean onOptionsItemSelected(MenuItem item) {
            switch (item.getItemId()) {
            case Menu.FIRST + 1:
                     Toast.makeText(this, "刪除菜單被點(diǎn)擊了", Toast.LENGTH_LONG).show();
                     break;
            case Menu.FIRST + 2:
                     Toast.makeText(this, "保存菜單被點(diǎn)擊了", Toast.LENGTH_LONG).show();
                     break;
            case Menu.FIRST + 3:
                     Toast.makeText(this, "幫助菜單被點(diǎn)擊了", Toast.LENGTH_LONG).show();
                     break;
            case Menu.FIRST + 4:
                     Toast.makeText(this, "添加菜單被點(diǎn)擊了", Toast.LENGTH_LONG).show();
                     break;
            case Menu.FIRST + 5:
                     Toast.makeText(this, "詳細(xì)菜單被點(diǎn)擊了", Toast.LENGTH_LONG).show();
                     break;
            case Menu.FIRST + 6:
                     Toast.makeText(this, "發(fā)送菜單被點(diǎn)擊了", Toast.LENGTH_LONG).show();
                     break;
            }

            return false;
      }

      //選項(xiàng)菜單被關(guān)閉事件，菜單被關(guān)閉有三種情形，menu按鈕被再次點(diǎn)擊、back按鈕被點(diǎn)擊或者用戶選擇了某一個(gè)菜單項(xiàng)
      @Override
      public void onOptionsMenuClosed(Menu menu){
            Toast.makeText(this, "選項(xiàng)菜單關(guān)閉了", Toast.LENGTH_LONG).show();
      }

      //菜單被顯示之前的事件
      @Override
      public boolean onPrepareOptionsMenu(Menu menu){
            Toast.makeText(this, "選項(xiàng)菜單顯示之前onPrepareOptionsMenu方法會(huì)被調(diào)用，你可以用此方法來根據(jù)打當(dāng)時(shí)的情況調(diào)整菜單", Toast.LENGTH_LONG).show();
            //如果返回false，此方法就把用戶點(diǎn)擊menu的動(dòng)作給消費(fèi)了，onCreateOptionsMenu方法將不會(huì)被調(diào)用
            return true;
      }
}

復(fù)制代碼

4、運(yùn)行程序，檢查效果：
童鞋們可以留意一下Activity的三個(gè)和選項(xiàng)菜單相關(guān)的方法的使用。5、用xml的方式改寫上面的例子，在res中新建一個(gè)目錄menu,在其中建立一個(gè)options_menu.xml，內(nèi)容如下：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
      <item android:id="@+id/item01" android:icon="@android:drawable/ic_menu_add" android:title="添加"></item>
      <item android:id="@+id/item02" android:icon="@android:drawable/ic_menu_edit" android:title="編輯"></item>
      <item android:id="@+id/item04" android:icon="@android:drawable/ic_menu_info_details" android:title="詳細(xì)"></item>
      <item android:id="@+id/item05" android:icon="@android:drawable/ic_menu_delete" android:title="刪除"></item>
      <item android:id="@+id/item06" android:icon="@android:drawable/ic_menu_help" android:title="幫助"></item>
</menu>

復(fù)制代碼

6、更改MainHelloMenu.java的onCreateOptionsMenu()方法，內(nèi)容如下

@Override
public boolean onCreateOptionsMenu(Menu menu) {
this.getMenuInflater().inflate(R.menu.options_menu, menu);
return true;
}

復(fù)制代碼

7、再次運(yùn)行程序查看結(jié)果：兩種方法比較，個(gè)人感覺還是事先定義好菜單的xml比較好，程序代碼部分會(huì)比較清晰。二、上下文菜單 ContextMenu（待續(xù)）三、子菜單 SubMenu（待續(xù)）

› 智能家居 / NAS / 路由 / 開發(fā) / 音響 › TV應(yīng)用開發(fā)交流

第十六講：菜單 Android Menu

第十六講：菜單 Android Menu

相關(guān)帖子