首页 > 代码库 > Android menu

Android menu

2024-11-04 22:33:39   203人阅读

本讲内容：菜单 menu 
1、选项菜单 OptionsMenu 
2、上下文菜单 ContextMenu 
3、子菜单 SubMenu
组成Android用户界面的除了View以外，还有菜单和对话框，这一讲我们就共同学习一下菜单的使用。
菜单是用户界面中最常见的元素，使用也非常频繁，在Android中，菜单被分为如下三种，选项菜单（OptionsMenu）、上下文菜单（ContextMenu）和子菜单（SubMenu），下面分别举例说明。
一、选项菜单 OptionsMenu
Android手机上有个Menu按键，当Menu按下的时候，每个Activity都可以选择处理这一请求，在屏幕底部弹出一个菜单，这个菜单我们就叫他选项菜单OptionsMenu，一般情况下，选项菜单最多显示2排每排3个菜单项，这些菜单项有文字有图标，也被称作Icon Menus，如果多于6项，从第六项开始会被隐藏，在第六项会出现一个More里，点击More才出现第六项以及以后的菜单项，这些菜单项也被称作Expanded Menus。
下面我们通过一个例子来学习选项菜单，重要提示都放在代码注释里了，请留意一下。
1、新建一个项目 Lesson16_HelloMenu，主Activity叫 MainHelloMenu.java
2、res\layout\main.xml的内容如下：
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <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">
  3.         <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/TextView01" android:text="菜单使用指南" android:layout_margintop="5dp" android:textsize="20sp">
  4.         </textview>
  6.         <textview android:layout_height="wrap_content" android:layout_width="wrap_content" android:id="@+id/TextView02" android:text="1、请点击 Menu键呼出选项菜单" android:layout_margintop="5dp" android:textsize="20sp">
  7.         </textview>
  8. </linearlayout>
复制代码
3、MainHelloMenu.java的内容如下：
  1. package android.basic.lesson16;
  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;
  9. public class MainHelloMenu extends Activity {
  10.         /** Called when the activity is first created. */
  11.         @Override
  12.         public void onCreate(Bundle savedInstanceState) {
  13.                 super.onCreate(savedInstanceState);
  14.                 setContentView(R.layout.main);
  15.         }
  17.         // 点击Menu时，系统调用当前Activity的onCreateOptionsMenu方法，并传一个实现了一个Menu接口的menu对象供你使用
  18.         @Override
  19.         public boolean onCreateOptionsMenu(Menu menu) {
  20.                 /*
  21.                  * add()方法的四个参数，依次是：
  22.                  * 1、组别，如果不分组的话就写Menu.NONE,
  23.                  * 2、Id，这个很重要，Android根据这个Id来确定不同的菜单
  24.                  * 3、顺序，那个菜单现在在前面由这个参数的大小决定
  25.                  * 4、文本，菜单的显示文本
  26.                  */
  27.                 menu.add(Menu.NONE, Menu.FIRST + 1, 5, "删除").setIcon(
  28.                                 android.R.drawable.ic_menu_delete);
  29.                 // setIcon()方法为菜单设置图标，这里使用的是系统自带的图标，同学们留意一下,以
  30.                 // android.R开头的资源是系统提供的，我们自己提供的资源是以R开头的
  31.                 menu.add(Menu.NONE, Menu.FIRST + 2, 2, "保存").setIcon(
  32.                                 android.R.drawable.ic_menu_edit);
  33.                 menu.add(Menu.NONE, Menu.FIRST + 3, 6, "帮助").setIcon(
  34.                                 android.R.drawable.ic_menu_help);
  35.                 menu.add(Menu.NONE, Menu.FIRST + 4, 1, "添加").setIcon(
  36.                                 android.R.drawable.ic_menu_add);
  37.                 menu.add(Menu.NONE, Menu.FIRST + 5, 4, "详细").setIcon(
  38.                                 android.R.drawable.ic_menu_info_details);
  39.                 menu.add(Menu.NONE, Menu.FIRST + 6, 3, "发送").setIcon(
  40.                                 android.R.drawable.ic_menu_send);
  41.                 // return true才会起作用
  42.                 return true;
  44.         }
  46.         //菜单项被选择事件
  47.         @Override
  48.         public boolean onOptionsItemSelected(MenuItem item) {
  49.                 switch (item.getItemId()) {
  50.                 case Menu.FIRST + 1:
  51.                         Toast.makeText(this, "删除菜单被点击了", Toast.LENGTH_LONG).show();
  52.                         break;
  53.                 case Menu.FIRST + 2:
  54.                         Toast.makeText(this, "保存菜单被点击了", Toast.LENGTH_LONG).show();
  55.                         break;
  56.                 case Menu.FIRST + 3:
  57.                         Toast.makeText(this, "帮助菜单被点击了", Toast.LENGTH_LONG).show();
  58.                         break;
  59.                 case Menu.FIRST + 4:
  60.                         Toast.makeText(this, "添加菜单被点击了", Toast.LENGTH_LONG).show();
  61.                         break;
  62.                 case Menu.FIRST + 5:
  63.                         Toast.makeText(this, "详细菜单被点击了", Toast.LENGTH_LONG).show();
  64.                         break;
  65.                 case Menu.FIRST + 6:
  66.                         Toast.makeText(this, "发送菜单被点击了", Toast.LENGTH_LONG).show();
  67.                         break;
  68.                 }
  70.                 return false;
  71.         }
  73.         //选项菜单被关闭事件，菜单被关闭有三种情形，menu按钮被再次点击、back按钮被点击或者用户选择了某一个菜单项
  74.         @Override
  75.         public void onOptionsMenuClosed(Menu menu){
  76.                 Toast.makeText(this, "选项菜单关闭了", Toast.LENGTH_LONG).show();
  77.         }
  79.         //菜单被显示之前的事件
  80.         @Override
  81.         public boolean onPrepareOptionsMenu(Menu menu){
  82.                 Toast.makeText(this, "选项菜单显示之前onPrepareOptionsMenu方法会被调用，你可以用此方法来根据打当时的情况调整菜单", Toast.LENGTH_LONG).show();
  83.                 //如果返回false，此方法就把用户点击menu的动作给消费了，onCreateOptionsMenu方法将不会被调用
  84.                 return true;
  85.         }
  86. }
复制代码
 
4、运行程序，检查效果：
技术分享
 
 
技术分享    
 


技术分享
技术分享 童鞋们可以留意一下Activity的三个和选项菜单相关的方法的使用。5、用xml的方式改写上面的例子，在res中新建一个目录menu,在其中建立一个options_menu.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/item01" android:icon="@android:drawable/ic_menu_add" android:title="添加"></item>
  4.         <item android:id="@+id/item02" android:icon="@android:drawable/ic_menu_edit" android:title="编辑"></item>
  5.         <item android:id="@+id/item04" android:icon="@android:drawable/ic_menu_info_details" android:title="详细"></item>
  6.         <item android:id="@+id/item05" android:icon="@android:drawable/ic_menu_delete" android:title="删除"></item>
  7.         <item android:id="@+id/item06" android:icon="@android:drawable/ic_menu_help" android:title="帮助"></item>
  8. </menu>
复制代码
6、更改MainHelloMenu.java的onCreateOptionsMenu()方法，内容如下
  1. @Override
  2. public boolean onCreateOptionsMenu(Menu menu) {
  3.         this.getMenuInflater().inflate(R.menu.options_menu, menu);
  4.         return true;
  5. }
复制代码

7、再次运行程序查看结果：技术分享 

 

 

 

 
两种方法比较，个人感觉还是事先定义好菜单的xml比较好，程序代码部分会比较清晰。
 
http://www.apkbus.com/android-656-1-1.html
 
 
 

1。普通的Menu

　　先来看看最简单的Menu怎样实现。

　　在主Activity中覆盖onCreateOptionsMenu(Menu menu)方法。

技术分享代码
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// TODO Auto-generated method stub
menu.add(0, 1, 1, "苹果");
menu.add(0, 2, 2, "香蕉");
return super.onCreateOptionsMenu(menu);
}

这样就有了两个菜单选项。如果要添加点击事件，则要覆盖onOptionsItemSelected(MenuItem item)方法。

技术分享代码
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// TODO Auto-generated method stub
if(item.getItemId() == 1){
Toast t = Toast.makeText(this, "你选的是苹果", Toast.LENGTH_SHORT);
t.show();
}
else if(item.getItemId() == 2){
Toast t = Toast.makeText(this, "你选的是香蕉", Toast.LENGTH_SHORT);
t.show();
}
return true;
}

 

2。SubMenu

　　SubMenu的制作也同样简单，在第一段代码onCreateOptionsMenu(Menu menu)方法中加入几句，成下面这样：

技术分享代码
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// TODO Auto-generated method stub
menu.add(0, 1, 1, "苹果");
menu.add(0, 2, 2, "香蕉");
SubMenu subMenu = menu.addSubMenu(1, 100, 100, "桃子");
subMenu.add(2, 101, 101, "大桃子");
subMenu.add(2, 102, 102, "小桃子");
return true;
}

点击“桃子”后就会出现子菜单，有两个子选项，分别是“大桃子”和“小桃子”。

技术分享

3。Context Menu

　　类似于电脑上的右键，长按某个View之后弹出来的菜单。

　　首先在main.xml里定义若干个按钮。然后覆盖onCreateContextMenu(ContextMenu menu, View v, ContextMenuInfo menuInfo)方法。里面的代码如下：

首先要注册一下，在onCreate方法里，如下代码：

技术分享代码
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
b1 = (Button) findViewById(R.id.b1);
b2 = (Button) findViewById(R.id.b2);
registerForContextMenu(b1);
registerForContextMenu(b2);
}

 

技术分享代码
@Override
public void onCreateContextMenu(ContextMenu menu, View v,
ContextMenuInfo menuInfo) {
// TODO Auto-generated method stub
if(v==b1){
menu.setHeaderTitle("这是1");
menu.add(200, 200, 200, "Context Menu 1");
menu.add(200, 201, 201, "Context Menu 2");
}
else if(v==b2){
menu.setHeaderTitle("这是2");
menu.add(300, 300, 300, "C 1");
menu.add(300, 301, 301, "C 2");
}
super.onCreateContextMenu(menu, v, menuInfo);
}

4。动态Menu

　　动态菜单就是根据不同的界面有不同的菜单。下面的代码实现这样的功能：当主界面的某个TextView的值是“M“和“N”时，弹出不同的菜单。

技术分享代码
@Override
public boolean onPrepareOptionsMenu(Menu menu) {
// TODO Auto-generated method stub
String currentText = tv1.getText().toString();
if("M".equals(currentText)){
menu.clear();//先清掉菜单
MenuItem item = menu.add(0, 400, 401, "to N");//可以通过点击这个菜单项来改变tv1的值这样(变成N)就可以测试了
item.setIcon(android.R.drawable.alert_dark_frame);//android自带的图标
}
if("N".equals(currentText)){
menu.clear();//先清掉菜单
MenuItem item = menu.add(0, 401, 402, "to M");//可以通过点击这个菜单项来改变tv1的值这样(变成M)就可以测试了
item.setIcon(android.R.drawable.alert_light_frame);
}
menu.add(0, 402, 403, "Now is " + currentText);//现在共有两个菜单子项
return super.onPrepareOptionsMenu(menu);
}

技术分享　技术分享　技术分享

5。用xml文件方式创建Menu

之前都是用代码的方法创建Menu,用xml配置文件也可以相当方便地制作菜单。

要res/目录下建一个文件夹，名为menu，下面建一个xml文件，名为menu_xml_file.xml，代码如下：

技术分享代码
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<group android:id="@+id/grout_main">
<item android:id="@+id/menu_1"
android:title="This 1"/>
<item android:id="@+id/menu_2"
android:title="This 2" />
</group>
</menu>

在Activity中覆盖onCreateOptionsMenu(Menu menu)方法，代码如下：

技术分享代码
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// TODO Auto-generated method stub
MenuInflater inflater = getMenuInflater();
inflater.inflate(R.menu.menu_xml_file, menu);
return true;
}

其他的都和在Activity中制作菜单一样。

http://www.cnblogs.com/giuz/archive/2010/10/19/1855235.html

另外：http://www.cnblogs.com/salam/archive/2011/04/04/2005329.html  这个讲的也很好

Android menu


联系
我们