在軟件應用過程中,菜單的存在是必不可少的,我這次講一下,我對android菜單的一個基礎做法吧
Android的菜單分為三種類型:選項菜單(Option Menu)、上下文菜單(Context Menu)、子菜單(Sub Menu)
注:其中,Sub Menu就是將功能相同的操作分組顯示,他作用在OptionsMenu上,是OptionsMenu的二級菜單
一、選項菜單(Option Menu)
當用戶單擊設備上的菜單按鈕(Menu),觸發事件彈出的菜單就是選項菜單。
效果圖:
實現過程講解:
在Activity中重寫onCreateOptionsMenu()來創建選項菜單,在中包含了getMenuInflater().inflate(R.menu.main,menu),R.menu.main是res的menu文件夾下的xml文件是放菜單的文件夾;
實現代碼:
設置菜單項可以通過兩種方法,
1.1,通過在XML文件中添加控件來實現
在R.menu.main的xml文件中,添加item控件來添加設置菜單項;
<menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" tools:context="com.jiapeng.munedemo.MainActivity" > <item android:id="@+id/mune_enter" android:orderInCategory="100" android:title="登錄" app:showAsAction="never"/> <item android:id="@+id/mune_setting" android:orderInCategory="100" android:title="設置" app:showAsAction="never"/> <item android:id="@+id/mune_out" android:orderInCategory="100" android:title="退出" app:showAsAction="never"/> </menu>
其中:showAsAction主要是針對這個菜單的顯示起作用的,它有三個可選項
always:總是顯示在界面上
never:不顯示在界面上,只讓出現在右邊的三個點中
ifRoom:如果有位置才顯示,不然就出現在右邊的三個點中
java代碼和設置監聽:
public boolean onCreateOptionsMenu(Menu menu) { //導入菜單布局 getMenuInflater().inflate(R.menu.main, menu); return true; } public boolean onOptionsItemSelected(MenuItem item) { //創建菜單項的點擊事件 switch (item.getItemId()) { case R.id.mune_enter: Toast.makeText(this, "點擊了登陸", Toast.LENGTH_SHORT).show(); break; case R.id.mune_setting: Toast.makeText(this, "點擊了設置", Toast.LENGTH_SHORT).show(); break; case R.id.mune_out: Toast.makeText(this, "點擊了退出", Toast.LENGTH_SHORT).show(); break; default: break; } return super.onOptionsItemSelected(item); }
1.2、通過動態代碼實現
menu.add(groupId,itemId,order,title),
groupId--1:分組的id;
itemId--100:菜單項的id;
order--1:菜單項排序用的;
title--"菜單1":菜單名稱;
menu的用法類似於ArrayList,可以調用add方法來加載如
//API大於等於11 時 Item圖標不顯示
menu.add(1,100,1,"菜單一");
menu.add(1,101,1,"菜單二");
menu.add(1,102,1,"菜單三");
add方法返回的是item,可以賦值給item,再調用item的setTitle與setIcon(在API>=11時,是不顯示圖標的)來設置item。
代碼如下:
public boolean onCreateOptionsMenu(Menu menu) { // groupId--1:分組的id;itemId--100:菜單項的id;order--1:菜單項排序用的;title--"菜單1":菜單名稱; MenuItem item = menu.add(1, 100, 1, "菜單項"); item.setTitle("我是一個菜單"); // 在API>=11時,是不顯示圖標的 item.setIcon(R.drawable.ic_launcher); menu.add(1, 101, 1, "登錄"); menu.add(1, 102, 1, "設置"); menu.add(1, 103, 1, "退出"); return true; } public boolean onOptionsItemSelected(MenuItem item) { // 創建菜單項的點擊事件 switch (item.getItemId()) { case 101: Toast.makeText(this, "你點擊了登錄", Toast.LENGTH_SHORT).show(); break; case 102: Toast.makeText(this, "你點擊了設置", Toast.LENGTH_SHORT).show(); break; case 103: Toast.makeText(this, "你點擊了退出", Toast.LENGTH_SHORT).show(); break; default: break; } return super.onOptionsItemSelected(item); }
二、上下文菜單(Context Menu)
當用戶長按Activity頁面時,彈出的菜單我們稱為上下文菜單。我們經常在Windows中用鼠標右鍵單擊彈出的菜單就是上下文菜單。
ContextMenu與OptionMenu的區別:
1、OptionMenu對應的是activity,一個activity只能擁有一個選項菜單;
2、ContextMenu對應的是view,每個view都可以設置上下文菜單;
3、一般情況下ContextMenu常用語ListView或者GridView
實現步驟:
(1)首先給View注冊上下文菜單registerForContextMenu()
this.registerForContextMenu(contextView);
(2)添加上下文菜單的內容onCreateContextMenu()
效果圖:
代碼:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.jiapeng.munedemo.MainActivity" tools:ignore="MergeRootFrame" > <ListView android:id="@+id/mune_list" android:layout_width="wrap_content" android:layout_height="wrap_content" > </ListView> </FrameLayout>
protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); showListView(); // 注冊上下文菜單 this.registerForContextMenu(listview); } /** * 加載數據 */ private void showListView() { listview = (ListView) findViewById(R.id.mune_list); ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, getDate()); listview.setAdapter(adapter); } /** * 創建數據源 * * @return list */ private ArrayList<String> getDate() { ArrayList<String> list = new ArrayList<String>(); for (int i = 0; i < 10; i++) { list.add("菜單" + i); } return list; } /** * 添加上下文菜單的菜單項 */ public void onCreateContextMenu(ContextMenu menu, View v, ContextMenuInfo menuInfo) { menu.setHeaderTitle("上下文菜單"); menu.setHeaderIcon(R.drawable.ic_launcher); //加載上下文菜單內容 menu.add(1, 1, 1, "保存"); menu.add(1, 2, 1, "更改"); menu.add(1, 3, 1, "刪除"); super.onCreateContextMenu(menu, v, menuInfo); } /** * 創建單擊事件 */ public boolean onContextItemSelected(MenuItem item) { switch (item.getItemId()) { case 1: Toast.makeText(this, "點擊了保存", Toast.LENGTH_SHORT).show(); break; case 2: Toast.makeText(this, "點擊了更改", Toast.LENGTH_SHORT).show(); break; case 3: Toast.makeText(this, "點擊了刪除", Toast.LENGTH_SHORT).show(); break; default: break; } return super.onContextItemSelected(item); }
注:何為上下文菜單:Windows操作系統中任何地方右擊鼠標會出現俗稱的“右鍵菜單”,其實就是指上下文菜單。因為上下文菜單根據鼠標位置來判斷彈出什么的菜單(如桌面右擊顯示個性化菜單,文件右擊則顯示針對文件操作刪除等的菜單)也就是根據上下文來判斷如何彈出和彈出哪種菜單,所以稱為上下文菜單。手機上就是長按會彈出選項
三、子菜單(Sub Menu)
就是將功能相同的操作分組顯示,他作用在OptionsMenu上,是OptionsMenu的二級菜單
實現步驟:
(1)重寫onCreateOptionsMenu()方法
(2)點擊事件,重寫onOptionsItemSelected()方法
注意:
(1)SubMenu.add(groupId, itemId, order, title);
因為每個SubMenu有一個groupId,所以需要使用這個groupId區別是點擊了那個子菜單
(2)APP的樣式會影響子菜單的顯示風格
效果圖:
代碼:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/container" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.jiapeng.munedemo.MainActivity" tools:ignore="MergeRootFrame" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="SubMenu" android:textSize="30sp" /> </FrameLayout>
@Override public boolean onCreateOptionsMenu(Menu menu) { SubMenu fileMenu = menu.addSubMenu("查看文件"); SubMenu editMenu = menu.addSubMenu("輸入文件"); //添加菜單項 fileMenu.add(1, 1, 1, "文件1"); fileMenu.add(1, 2, 1, "文件2"); fileMenu.add(1, 3, 1, "文件3"); editMenu.add(2, 1, 1, "輸入1"); editMenu.add(2, 2, 1, "輸入2"); editMenu.add(2, 3, 1, "輸入3"); return super.onCreateOptionsMenu(menu); } //創建點擊事件 public boolean onOptionsItemSelected(MenuItem item) { if (item.getGroupId() == 1) { switch (item.getItemId()) { case 1: Toast.makeText(this, "點擊了文件1", Toast.LENGTH_SHORT).show(); break; case 2: Toast.makeText(this, "點擊了文件2", Toast.LENGTH_SHORT).show(); break; case 3: Toast.makeText(this, "點擊了文件3", Toast.LENGTH_SHORT).show(); break; default: break; } } else if (item.getGroupId() == 2) { switch (item.getItemId()) { case 1: Toast.makeText(this, "點擊了輸入1", Toast.LENGTH_SHORT).show(); break; case 2: Toast.makeText(this, "點擊了輸入2", Toast.LENGTH_SHORT).show(); break; case 3: Toast.makeText(this, "點擊了輸入3", Toast.LENGTH_SHORT).show(); break; default: break; } } return super.onOptionsItemSelected(item); }
原文連接:Android基礎之簡單Mune菜單詳解