2025年4月3日 星期四 乙巳(蛇)年 正月初四 设为首页 加入收藏
rss
您当前的位置:首页 > 计算机 > 编程开发 > 安卓(android)开发

Android菜单:选项菜单+上下文菜单+子菜单

时间:12-01来源:作者:点击数:131

菜单是人机交互的重要接口,在 Android SDK 中,提供了菜单类 android.view.Menu,以完成与菜单有关的操作。

Android SDK 提供三种菜单,分别如下。

1)Options Menu:选项菜单。

是 Activity 的主要菜单项的集合,当用户单击 Menu 按钮时出现。

在 Android 2.3 以下的版本中,这种菜单最多显示 6 个带图标的菜单项。当菜单中含有 6 个以上的菜单项时,弹出菜单将只显示前 5 个菜单项,第 6 个菜单项会变为 More,单击 More 菜单项后会出现扩展菜单。

扩展菜单不支持图标,但支持单选框和复选框。在 Android 3.0(API Level 11)及以上版本中,默认情况下直接弹出的选项菜单不再显示图标。

2)Context Menu:上下文菜单。

是一个悬浮的菜单项列表,当用户单击注册了上下文菜单的组件时出现。上下文菜单不支持菜单图标和快捷键。

3)Submenu:子菜单。

是某个菜单项的扩展,是一个悬浮的菜单项列表。子菜单不支持菜单图标或者嵌套子菜单。

Options Menu

要实现选项菜单的功能,首先需要重载 OnCreatOptionsMenu() 方法创建菜单,然后通过 onOptionsItemSelected() 方法对菜单被单击事件进行监听和处理。

创建一个名为 MenusDemo 的 Android Project,在该工程中对菜单的相关知识进行学习。

在工程的 res 目录下创建一个 menu 目录,用于存放菜单相关的 XML 文件。在该目录下创建 mymenu.xml,代码如下:

  • <?xml version="1.0" encoding="utf-8"?>
  • <menu xmlns:android="http://schemas.android.com/apk/res/android"
  • android:layout_width="wrap_content"
  • android:layout_height="wrap_content">
  • <item
  • android:id="@+id/item1"
  • android:icon="@drawable/icon01"
  • android:title="@string/menuitem1" />
  • <item
  • android:id="@+id/item2"
  • android:icon="@drawable/icon02"
  • android:title="@string/menuitem2" />
  • <item
  • android:id="@+id/item3"
  • android:icon="@drawable/icon03"
  • android:title="@string/menuitem3" />
  • <item
  • android:id="@+id/item4"
  • android:icon="@drawable/icon04"
  • android:title="@string/menuitem4" />
  • <item
  • android:id="@+id/item5"
  • android:icon="@drawable/icon05"
  • android:title="@string/menuitem5" />
  • <item
  • android:id="@+id/item6"
  • android:icon="@drawable/icon06"
  • android:title="@string/menuitem6" />
  • <item
  • android:id="@+id/item7"
  • android:icon="@drawable/icon07"
  • android:title="@string/menuitem7" />
  • </menu>

mymenu.xml 创建了一个具有 7 个菜单项的菜单。

  • 1)通过 android:id 属性为每个菜单项指定 ID。
  • 2)通过 android:title 属性为每个菜单项指定显示的菜单项内容。
  • 3)通过 android:icon 属性指定每个菜单项的图标。对应的图标文件放置到 res/drawable 目录下。

为工程 MenusDemo 创建名为 MenusActivity 的 Activity,将 mymenu.xml 中定义的菜单设置为 MenusActivity 的菜单,重载 OnCreatOptionsMenu() 方法。

MenusActivity.java 的代码如下:

  • package introduction.android.menusdemo;
  • import android.support.v7.app.AppCompatActivity;
  • import android.os.Bundle;
  • import android.view.Menu;
  • import android.view.MenuInflater;
  • import android.view.MenuItem;
  • import android.widget.TextView;
  • public class MainActivity extends AppCompatActivity {
  • private TextView textview;
  • /**
  • * Called when the activity is first created.
  • */
  • @Override
  • public void onCreate(Bundle savedInstanceState) {
  • super.onCreate(savedInstanceState);
  • setContentView(R.layout.activity_main);
  • textview = (TextView) findViewById(R.id.text);
  • }
  • @Override
  • public boolean onOptionsItemSelected(MenuItem item) {
  • // TODO Auto-generated method stub
  • switch (item.getItemId()) {
  • case R.id.item1:
  • textview.setText("iteml selected!");
  • break;
  • case R.id.item2:
  • textview.setText("item2 selected!");
  • break;
  • case R.id.item3:
  • textview.setText("item3 selected!");
  • break;
  • default:
  • break;
  • }
  • return super.onOptionsItemSelected(item);
  • }
  • @Override
  • public boolean onCreateOptionsMenu(Menu menu) {
  • MenuInflater inflater = getMenuInflater();
  • inflater.inflate(R.menu.mymenu, menu);
  • return true;
  • }
  • }

其中:

  • public boolean onCreateOptionsMenu(Menu menu) {
  • MenuInflater inflater = getMenuInflater();
  • inflater.inflate(R.menu.mymenu, menu);
  • return true;
  • }

这几行代码通过 MenuInflater.Inflate() 方法将 menu.xml 中定义的菜单项内容填充到了菜单中。

在 OnCreatOptionsMenu() 方法中创建菜单时也支持 Menu.add() 方法,也能达到同样目的。例如:

menu.add(0,itemid,0,item_title);

表示在菜单中添加一个菜单项,该菜单项的 ID 为 itemid,菜单项显示的内容为 item_title 的内容。但是不鼓励使用这种方式,而应该使用 XML 文件来创建菜单。

运行 MenusDemo 实例,单击手机的 Menu 按钮,得到的效果如图 1 所示。

“Menu”按钮运行效果
图 1“Menu”按钮运行效果

由运行效果可见,MenusActivity 已经根据 mymenu.xml 文件创建了一个具有 7 个菜单项的菜单。但是虽然在 mymenu.xml 文件中为每个菜单项指定了一个图标,但是生成的选项菜单中却并没有图标被显示出来,这是为什么呢?

实例 MenusDemo 当前的运行环境是 Android 4.0,其 API Level 为 14。我们先看一下,同样的代码,在 API Level 11 之前的运行效果。

双击打开 AndroidManifest.xml 文件,将其中的代码:

<uses-sdk android:minSdkVersion="14" />

改为:

<uses-sdk android:minSdkVersion="9" />

再次运行 MenusDemo 实例,单击 Menu 按钮,得到的效果如图 2 所示。

API Level 11之前Menu按钮的运行效果
图 2API Level 11之前Menu按钮的运行效果

可见运行在早期的 API 之上的选项菜单效果要更好一些。为什么会出现这种现象呢?

其实在 Android SDK 3.0 之后,就不再鼓励直接使用选项菜单,而是将选项菜单和 ActionBar 结合使用。

ActionBar 又称活动栏,位于 Activity 的顶部,取代了原来标题的位置。

ActionBar 中包含很多 ActionItem,相当于选项菜单的菜单项。将选项菜单与 ActionBar 结合的方法很简单,只要在 XML 文件中添加一个 android:showAsAction="ifRoom" 属性即可。该属性表现如果标题栏有空间的话,就将相关的菜单项放置到 ActionBar 中。如果标题栏空间不足,未能放置到其中的菜单项仍然会以选项菜单的形式出现。

Context Menu

上下文菜单注册到 View 对象上后,用户长按该 View 对象可呼出上下文菜单。

上下文菜单悬浮于主界面之上,不支持图标显示和快捷键。其使用方法和选项菜单高度相似,只不过创建上下文菜单的方法为 onCreateContextMenu(),响应上下文菜单单击事件的方法为 onContextItemSelected()。

仍以工程 MenusDemo 为例,为 MenusActivity 的视图中的 TextView 对象添加一个具有两个菜单项的上下文菜单,运行效果如图 3 所示。

上下文菜单的运行结果
图 3上下文菜单的运行结果

为 TextView 对象注册上下文菜单的代码如下:

textview = (TextView)findViewById(R.id.textview1);
registerForContextMenu(textview);

创建并处理上下文菜单单击事件的代码如下:

  • public boolean onContextItemSelected(MenuItem item) {
  • switch (item.getItemId()) {
  • case R.id.item1:
  • Log.i("menu", "item1!");
  • break;
  • case R.id.item2:
  • Log.i("menu", "item2!");
  • break;
  • case R.id.item3:
  • Log.i("menu", "item3!");
  • break;
  • case R.id.item4:
  • Log.i("menu", "item4!");
  • break;
  • case R.id.item5:
  • Log.i("menu", "item5!");
  • break;
  • case R.id.item6:
  • Log.i("menu", "item6!");
  • break;
  • case R.id.item7:
  • Log.i("menu", "item7!");
  • break;
  • default:
  • break;
  • }
  • return super.onContextItemSelected(item);
  • }
  • @Override
  • public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
  • menu.add(0, R.id.item1, 0, "item1");
  • menu.add(0, R.id.item2, 0, "item2");
  • menu.add(0, R.id.item3, 0, "item3");
  • menu.add(0, R.id.item4, 0, "item4");
  • menu.add(0, R.id.item5, 0, "item5");
  • menu.add(0, R.id.item6, 0, "item6");
  • menu.add(0, R.id.item7, 0, "item7");
  • super.onCreateContextMenu(menu, v, menuInfo);
  • }

SubMenu

子菜单可以被添加到其他菜单上,但是子菜单本身不能再有子菜单。

使用 addSubMenu() 方法为 MenusActivity 的选项菜单添加一个子菜单,运行效果如图 4 所示。

添加子菜单运行结果
图 4 添加子菜单运行结果

创建并处理子菜单的代码为:

  • package introduction.android.menusdemo;
  • import android.app.Activity;
  • import android.os.Bundle;
  • import android.support.v7.app.AppCompatActivity;
  • import android.view.Menu;
  • import android.view.MenuItem;
  • import android.view.SubMenu;
  • import android.widget.Toast;
  • public class MainActivity extends AppCompatActivity {
  • @Override
  • protected void onCreate(Bundle savedInstanceState) {
  • super.onCreate(savedInstanceState);
  • setContentView(R.layout.activity_main);
  • }
  • @Override
  • public boolean onCreateOptionsMenu(Menu menu) {
  • SubMenu file = menu.addSubMenu("文件");
  • SubMenu edit = menu.addSubMenu("编辑");
  • file.add(1, 1, 1, "新建");
  • file.add(1, 2, 1, "打开");
  • file.add(1, 3, 1, "保存");
  • file.setHeaderTitle("文件操作");
  • file.setHeaderIcon(R.drawable.icon1);
  • edit.add(2, 1, 1, "复制");
  • edit.add(2, 2, 1, "粘贴");
  • edit.add(2, 3, 1, "剪切");
  • edit.setHeaderTitle("文件操作");
  • edit.setHeaderIcon(R.drawable.icon1);
  • return true;
  • }
  • @Override
  • public boolean onOptionsItemSelected(MenuItem item) {
  • if (item.getGroupId() == 1) {
  • switch (item.getItemId()) {
  • case 1:
  • Toast.makeText(MainActivity.this, "点击了新建", Toast.LENGTH_SHORT).show();
  • break;
  • case 2:
  • Toast.makeText(MainActivity.this, "点击了打开", Toast.LENGTH_SHORT).show();
  • break;
  • case 3:
  • Toast.makeText(MainActivity.this, "点击了保存", Toast.LENGTH_SHORT).show();
  • break;
  • }
  • } else if (item.getGroupId() == 2) {
  • switch (item.getItemId()) {
  • case 1:
  • Toast.makeText(MainActivity.this, "点击了复制", Toast.LENGTH_SHORT).show();
  • break;
  • case 2:
  • Toast.makeText(MainActivity.this, "点击了粘贴", Toast.LENGTH_SHORT).show();
  • break;
  • case 3:
  • Toast.makeText(MainActivity.this, "点击了剪切", Toast.LENGTH_SHORT).show();
  • break;
  • }
  • }
  • return super.onOptionsItemSelected(item);
  • }
  • }

 

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门