Android系列之UI組件----Menu菜單

本文轉載自查看原文 2014-11-30 16:40 61563 Android開發

【聲明】

歡迎轉載，但請保留文章原始出處→_→

生命壹號：http://www.cnblogs.com/smyhvae/

文章來源：http://www.cnblogs.com/smyhvae/p/4133292.html

【正文】

從官方文檔了解到，從Android3.0（API level 11）開始，Android設備不再要求提供一個專門的菜單按鈕，轉而推薦使用ActionBar。所以現在市面上很多新設備使用三個虛擬按鍵，並不再額外提供菜單按鈕。

因為Android版本的發展，對於菜單的支持各個版本有很大的區別，而Android3.0是個分水嶺，大概可以分為下面三類：

OptionMenu和ActionBar：一些操作的集合，如果開發的平台在Android3.0之上，推薦使用ActionBar，如果開發的平台在Android2.3或之下，還是可以使用OptionMenu的。
ContextMenu和ActionMode：ContextMenu是一個浮動的窗口形式展現一個選項列表，ActionMode是一個顯示在屏幕頂部的操作欄，允許用戶選擇多個選項，ActionMode在Android3.0之后才有支持。
Popup Menu：PopupMenu是固定在View上的模態菜單，以彈出的方式顯示，在Android3.0之后才有支持。

【在XML中定義一個菜單】

Android提供了標准的XML格式的資源文件來定義菜單項，並且對所有菜單類型都支持，推薦使用XML資源文件來定義菜單，之后再把它Inflater到Activity或者Fragment中，而不是在Activity中使用代碼聲明。

而菜單的XML資源文件，需要創建在/res/menu/目錄下，並且包含一下幾個元素：

<menu>：定義一個Menu，是一個菜單資源文件的根節點，里面可以包含一個或者多個<item>和<group>元素。
<item>：創建一個MenuItem，代表了菜單中一個選項。
<group>：對菜單項進行分組，可以以組的形式操作菜單項。

<item>元素除了常規的id、icon、title屬性的支持，還有一個重要的屬性：android:showAsAction，這個屬性是起兼容性的，描述了在Android的高版本中，菜單項何時以何種方式加入到ActionBar中。

<group>是對菜單進行分組，分組后的菜單顯示效果並沒有區別，唯一的區別在於可以針對菜單組進行操作，這樣對於分類的菜單項，操作起來更方便，提供如下的操作：

Menu.setGroupCheckable()：菜單組內的菜單是否都可選。
Menu.setGroupVisible()：是否隱藏菜單組的所有菜單。
Menu.setGroupEnabled()：菜單組的菜單是否有用。

如果菜單項需要單選或者多選，可以使用android:checkableBehavior屬性設置，它可以對單個<item>或者<group>設置一個組，這個屬性接受三個參數：single，單選；all，多選，none，沒有Checked的選項，默認。

當創建好一個XML菜單資源文件之后，可以使用MenuInflater.inflate()方法填充菜單資源，使XML資源變成一個可編程的對象。

一、Options menu選項菜單：

OptionMenu，選項菜單，單擊手機上的菜單鍵(MENU)出現，必須設備具有菜單按鈕才可以觸發。因為屏幕的限制，最多只能展示六個菜單項，如果定義的菜單項超出了六個，其他的菜單項將被隱藏，第六個菜單將會顯示“更多”，點擊展開更多的菜單。雖說在Android3.0之后不再推薦使用選項菜單，但是如果使用了，在Android3.0之后的設備上，選項菜單項將被默認轉移到ActionBar中，這個可以通過android:showAsAction屬性控制。

創建選項菜單的核心步驟：

（1）重寫Activity的onCreateOptionMenu(Menu menu)方法，當菜單第一次被加載時調用

（2）調用Menu 的add( )方法添加菜單項(MenuItem)，同時可以調用MenuItem的setIcon()方法為菜單項設置圖標（注：Android 3.0之后，即使添加了圖標也不會顯示）

（3）重寫Activity的OptionsItemSelected(MenuItem item)來響應菜單項(MenuItem)的點擊事件

來看一下具體的代碼實現：

新建Android工程MenuTest：

【方式一】通過配置文件添加Menu選項

（1）在res/menu/main.xml中定義菜單項。main.xml的代碼如下：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.example.menutest.MainActivity" >

    <item
        android:id="@+id/start"
        android:orderInCategory="100"
        android:showAsAction="never" android:title="@string/start"/>
    
        <item
        android:id="@+id/over"
        android:orderInCategory="200"
        android:showAsAction="never" android:title="@string/over"/>

</menu>

注：第9行和第15行的字符串引用，需要提前在strings.xml文件中設置好。

（2）MainActivity.java：

 1 package com.example.menutest;
 2 
 3 import android.app.Activity;
 4 import android.os.Bundle;
 5 import android.view.Menu;
 6 import android.view.MenuItem;
 7 import android.widget.Toast;
 8 
 9 
10 public class MainActivity extends Activity {
11 
12     @Override
13     protected void onCreate(Bundle savedInstanceState) {
14         super.onCreate(savedInstanceState);
15         setContentView(R.layout.activity_main);
16     }
17 
18 
19     //重寫onCreateOptionMenu(Menu menu)方法，當菜單第一次被加載時調用
20     @Override
21     public boolean onCreateOptionsMenu(Menu menu) {
22         // Inflate the menu; this adds items to the action bar if it is present.
23         //填充選項菜單（讀取XML文件、解析、加載到Menu組件上）
24  getMenuInflater().inflate(R.menu.main, menu); 25         return true;
26     }
27 
28     //重寫OptionsItemSelected(MenuItem item)來響應菜單項(MenuItem)的點擊事件（根據id來區分是哪個item）
29     @Override
30     public boolean onOptionsItemSelected(MenuItem item) {
31         // Handle action bar item clicks here. The action bar will
32         // automatically handle clicks on the Home/Up button, so long
33         // as you specify a parent activity in AndroidManifest.xml.
34         switch (item.getItemId()) {
35         case R.id.start:
36             Toast.makeText(this, "開始游戲", Toast.LENGTH_SHORT).show();
37             break;
38         case R.id.over:
39             Toast.makeText(this, "結束游戲", Toast.LENGTH_SHORT).show();
40             break;
41 
42         default:
43             break;
44         }
45         return super.onOptionsItemSelected(item);
46     }
47 }

核心代碼是第24行：引用布局文件menu.xml，然后在30行的方法中添加MenuItem的點擊事件。

運行程序，效果如下：

如果想讓MenuItem變成ActionBar的形式，可以修改res/menu/main.xml中的android:showAsAction屬性，它的屬性值一共有下面幾種：

其中，ifRoom表示：如果有空間，就顯示出來。withText表示：只顯示文本（如果配了圖標的話）。如果將屬性設置為always，效果如下：

如果需要添加子菜單，可以修改menu.xml文件為如下所示：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.example.menutest.MainActivity" >

    <item
        android:id="@+id/start"
        android:orderInCategory="100"
        android:showAsAction="never"
        android:title="@string/start"/>
    <item
        android:id="@+id/over"
        android:orderInCategory="200"
        android:showAsAction="never"
        android:title="@string/over"/>
    
    <!-- 子菜單 -->
    <item
        android:id="@+id/setting"
        android:title="setting">
        <menu>
            <item
                android:id="@+id/setting1"
                android:orderInCategory="300"
                android:showAsAction="never"
                android:title="聲音設置"/>
            <item
                android:id="@+id/setting2"
                android:orderInCategory="400"
                android:showAsAction="never"
                android:title="背景設置"/>
        </menu>
    </item>

</menu>

於是，子菜單的點擊事件為：

    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        switch (item.getItemId()) {
        case R.id.start:
            Toast.makeText(this, "開始游戲", Toast.LENGTH_SHORT).show();
            break;
        case R.id.over:
            Toast.makeText(this, "結束游戲", Toast.LENGTH_SHORT).show();
            break;
            
        case R.id.setting1: Toast.makeText(this, "聲音設置", Toast.LENGTH_SHORT).show(); break; case R.id.setting2: Toast.makeText(this, "背景設置", Toast.LENGTH_SHORT).show(); break; default:
            break;
        }
        return super.onOptionsItemSelected(item);
    }

運行效果如下：

【方式二】通過Java代碼添加Menu選項：

當然了，上方的方式一是通過xml文件來添加Menu選項的，下面我們通過Java代碼來添加Menu選項（此時已經不需要menu.xml文件了）。修改MainActivity.java，代碼如下：

MainActivity.java:

 1 package com.example.menutest;
 2 
 3 import android.app.Activity;
 4 import android.os.Bundle;
 5 import android.view.Menu;
 6 import android.view.MenuItem;
 7 import android.view.SubMenu;
 8 import android.widget.Toast;
 9 
10 
11 public class MainActivity extends Activity {
12 
13     
14     private static final int START_ITEM = Menu.FIRST;  //Menu.FIRST的值就是1
15     private static final int OVER_ITEM = Menu.FIRST+1;
16     private static final int SET_ITEM1 = Menu.FIRST+2;
17     private static final int SET_ITEM2 = Menu.FIRST+3;
18     
19     
20     @Override
21     protected void onCreate(Bundle savedInstanceState) {
22         super.onCreate(savedInstanceState);
23         setContentView(R.layout.activity_main);
24     }
25 
26 
27     //重寫onCreateOptionMenu(Menu menu)方法，當菜單第一次被加載時調用
28     @Override
29     public boolean onCreateOptionsMenu(Menu menu) {
30         // Inflate the menu; this adds items to the action bar if it is present.
31         //填充選項菜單（讀取XML文件、解析、加載到Menu組件上）
32        // getMenuInflater().inflate(R.menu.main, menu);
33         
34         //通過代碼的方式來添加Menu
35         //添加菜單項（組ID，菜單項ID，排序，標題）
36         menu.add(0, START_ITEM, 100, "Start");
37         menu.add(0, OVER_ITEM, 200, "Over");
38         //添加子菜單
39         SubMenu sub1 = menu.addSubMenu("setting");
40         sub1.add(1, SET_ITEM1, 300, "聲音設置");
41         sub1.add(1, SET_ITEM2, 400, "背景設置");
42         
43         return true;
44     }
45 
46     //重寫OptionsItemSelected(MenuItem item)來響應菜單項(MenuItem)的點擊事件（根據id來區分是哪個item）
47     @Override
48     public boolean onOptionsItemSelected(MenuItem item) {
49         // Handle action bar item clicks here. The action bar will
50         // automatically handle clicks on the Home/Up button, so long
51         // as you specify a parent activity in AndroidManifest.xml.
52         switch (item.getItemId()) {
53         case START_ITEM:
54             Toast.makeText(this, "開始游戲", Toast.LENGTH_SHORT).show();
55             break;
56         case OVER_ITEM:
57             Toast.makeText(this, "結束游戲", Toast.LENGTH_SHORT).show();
58             break;
59             
60         case SET_ITEM1:
61             Toast.makeText(this, "聲音設置", Toast.LENGTH_SHORT).show();
62             break;
63             
64         case SET_ITEM2:
65             Toast.makeText(this, "背景設置", Toast.LENGTH_SHORT).show();
66             break;
67 
68         default:
69             break;
70         }
71         return super.onOptionsItemSelected(item);
72     }
73 }

注意第35行對各個參數的解釋。

運行程序，效果和上方gif圖的效果是一樣的。

總結：推薦用方式1來做。

二、Context menu：上下文菜單

顧名思義與上下文(環境)有關。操作時需要長時間按住某個item不放，就會彈出Context menu。效果如下：

創建上下文菜單的核心步驟:

（1）覆蓋Activity的onCreateContextMenu(Menu menu)方法，調用Menu的add()方法添加菜單項(MenuItem)

（2）覆蓋Activity的onContextItemSelected(MenuItem iitem)來響應事件

（3）調用registerForContextMenu()方法來為視圖注冊上下文菜單。

現在通過代碼來實現。

重新建一個Android工程MenuTest02，步驟如下：

我們現在activity_main.xml中添加一個按鈕button1，代碼就不寫了。然后繼續：

（1）在res/menu/main.xml中定義菜單項。main.xml的代碼如下：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.example.menutest02.MainActivity" >

    <item
        android:id="@+id/start"
        android:orderInCategory="100"
        android:showAsAction="never"
        android:title="@string/start"/>
    <item
        android:id="@+id/over"
        android:orderInCategory="200"
        android:showAsAction="never"
        android:title="@string/over"/>

</menu>

（2）MainActivity.java:

 1 package com.example.menutest02;
 2 
 3 import android.app.Activity;
 4 import android.os.Bundle;
 5 import android.view.ContextMenu;
 6 import android.view.MenuItem;
 7 import android.view.View;
 8 import android.view.ContextMenu.ContextMenuInfo;
 9 import android.widget.Button;
10 import android.widget.Toast;
11 
12 
13 public class MainActivity extends Activity   {
14 
15     private Button button1;
16     @Override
17     protected void onCreate(Bundle savedInstanceState) {
18         super.onCreate(savedInstanceState);
19         setContentView(R.layout.activity_main);
20         button1 = (Button)findViewById(R.id.button1);
21         //為按鈕綁定上下文菜單（注意不是綁定監聽器）
22  registerForContextMenu(button1); 23     }
24     
25     //創建上下文菜單
26     @Override
27     public void onCreateContextMenu(ContextMenu menu, View v,
28             ContextMenuInfo menuInfo) {
29         super.onCreateContextMenu(menu, v, menuInfo);
30         
31         getMenuInflater().inflate(R.menu.main, menu);
32     }
33     
34     //上下文菜單的觸發事件
35     @Override
36     public boolean onContextItemSelected(MenuItem item) {
37         switch (item.getItemId()) {
38         case R.id.start:
39             Toast.makeText(this, "開始···", Toast.LENGTH_SHORT).show();
40             break;
41             
42         case R.id.over:
43             Toast.makeText(this, "結束···", Toast.LENGTH_SHORT).show();
44             break;
45 
46         default:
47             break;
48         }        
49         
50         return super.onContextItemSelected(item);
51     }
52 
53 }

核心代碼是第22行：為按鈕button1綁定上下文菜單。注意不是綁定監聽器哦，不要一看到按鈕就綁定監聽器哈。

注：一個界面中只能有一個上下文菜單。

運行程序，長按button，效果如下：

注：如果是在java代碼中添加Menu，用參數menu來天添加就行了。

三、Popup menu：彈出式菜單

　PopupMenu，彈出菜單，一個模態形式展示的彈出風格的菜單，綁在在某個View上，一般出現在被綁定的View的下方（如果下方有空間）。

注意：彈出菜單是在API 11和更高版本上才有效的。

核心步驟：

（1）通過PopupMenu的構造函數實例化一個PopupMenu對象，需要傳遞一個當前上下文對象以及綁定的View。

（2）調用PopupMenu.setOnMenuItemClickListener()設置一個PopupMenu選項的選中事件。

（3）使用MenuInflater.inflate()方法加載一個XML文件到PopupMenu.getMenu()中。

（4）在需要的時候調用PopupMenu.show()方法顯示。

現在通過代碼來實現。重新新建一個工程文件MenuTest03。步驟如下：

先在布局文件activity_main.xml中加一個按鈕，代碼略。

（1）在res/menu/main.xml中定義菜單項。main.xml的代碼如下：

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.example.menutest03.MainActivity" >

    <item
        android:id="@+id/copy"
        android:orderInCategory="100"
        android:title="復制"/>
    
    <item
        android:id="@+id/delete"
        android:orderInCategory="100"
        android:title="粘貼"/>

</menu>

(2)MainActivity.java:

 1 package com.example.menutest03;
 2 
 3 import android.app.Activity;import android.os.Bundle;
 4 import android.view.MenuInflater;
 5 import android.view.MenuItem;
 6 import android.view.View;
 7 import android.view.View.OnClickListener;
 8 import android.widget.Button;
 9 import android.widget.PopupMenu;
10 import android.widget.PopupMenu.OnMenuItemClickListener;
11 import android.widget.Toast;
12 
13 
14 public class MainActivity extends Activity implements OnClickListener,OnMenuItemClickListener{
15 
16     
17     private Button button1;
18     @Override
19     protected void onCreate(Bundle savedInstanceState) {
20         super.onCreate(savedInstanceState);
21         setContentView(R.layout.activity_main);
22         button1 = (Button)findViewById(R.id.button1);
23         button1.setOnClickListener(this);
24     }
25 
26     //點擊按鈕后，加載彈出式菜單
27     @Override
28     public void onClick(View v) {
29         //創建彈出式菜單對象（最低版本11）
30         PopupMenu popup = new PopupMenu(this, v);//第二個參數是綁定的那個view
31         //獲取菜單填充器
32         MenuInflater inflater = popup.getMenuInflater();
33         //填充菜單
34         inflater.inflate(R.menu.main, popup.getMenu());
35         //綁定菜單項的點擊事件
36         popup.setOnMenuItemClickListener(this);
37         popup.show(); //這一行代碼不要忘記了
38         
39     }
40 
41     //彈出式菜單的單擊事件處理
42     @Override
43     public boolean onMenuItemClick(MenuItem item) {
44         // TODO Auto-generated method stub
45         switch (item.getItemId()) {
46         case R.id.copy:
47             Toast.makeText(this, "復制···", Toast.LENGTH_SHORT).show();
48             break;
49 
50         case R.id.delete:
51             Toast.makeText(this, "刪除···", Toast.LENGTH_SHORT).show();
52             break;
53         default:
54             break;
55         }
56         return false;
57     }
58     
59 }

注意14行代碼綁定了兩個監聽器：OnClickListener和OnMenuItemClickListener。在綁定OnMenuItemClickListener監聽器時，選的是下面這個：

如果是在API 14及以上版本，32行34行可以合並為：popup.inflate(R.menu.main, popup.getMenu());

注意第37行代碼不要忘記show。

運行程序，單擊button，效果如下：

最后，附上整個文章的代碼：

【工程文件】

鏈接：http://pan.baidu.com/s/1eQ6EnUq

密碼：438o

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Android系列之UI組件----Menu菜單 Android添加Menu菜單 Android 控件之 Menu 菜單 Android菜單Menu的創建【Android】詳解Android的menu菜單 —— 快應用組件庫H-UI"> "頂部菜單"組件: —— 快應用組件庫H-UI Android-普通菜單Menu 基於element-ui定義自己的Menu 菜單組件並以component方式去定渲染如何設置Jquery UI Menu 菜單為橫向展示 Android菜單詳解——理解android中的Menu