UI控件之菜单(Menu)

（一）概述

本章给大家带来的是Android中的Menu(菜单)，而在Android中的菜单有如下几种：OptionMenu：选项菜单，android中最常见的菜单，通过Menu键来调用SubMenu：子菜单，android中点击子菜单将弹出一个显示子菜单项的悬浮框， 子菜单不支持嵌套，即不能包括其他子菜单ContextMenu：上下文菜单，通过长按某个视图组件后出现的菜单，该组件需注册上下文菜单 本节我们来依依学习这几种菜单的用法~

（二）OptionMenu(选项菜单)

1）如何使用OptionMenu？

答：非常简单，重写两个方法就好，其实这两个方法我们在创建项目的时候就会自动生

成~

他们分别是：

public boolean onCreateOptionsMenu(Menu menu)：调用OptionMenu，在这里完成菜单初始化

public boolean onOptionsItemSelected(MenuItem item)：菜单项被选中时触发，这里完成事件处理

当然除了上面这两个方法我们可以重写外我们还可以重写这三个方法：

public void onOptionsMenuClosed(Menu menu)：菜单关闭会调用该方法

public boolean onPrepareOptionsMenu(Menu menu)：选项菜单显示前会调用该方法， 可在这里进行菜单的调整(动态加载菜单列表)

public boolean onMenuOpened(int featureId, Menu menu)：选项菜单打开以后会调用这个方法而加载菜单的方式有两种，一种是直接通过编写菜单XML文件，然后调用：

getMenuInflater().inflate(R.menu.menu_main, menu);加载菜单

或者通过代码动态添加，onCreateOptionsMenu的参数menu，调用add方法添加

菜单，add(菜单项的组号，ID，排序号，标题)，另外如果排序号是按添加顺序排序的话都填0

即可！

2)使用效果图

代码实现：

MainActivity.java：

public class MainActivity extends Activity {

    //1.定义不同颜色的菜单项的标识:
    final private int RED = 110;
    final private int GREEN = 111;
    final private int BLUE = 112;
    final private int YELLOW = 113;
    final private int GRAY = 114;
    final private int CYAN = 115;
    final private int BLACK = 116;

    private TextView tv_test;
    private TextView tv_context;
    private Button btn_show_menu;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tv_test = (TextView) findViewById(R.id.tv_test);
        tv_context = (TextView) findViewById(R.id.tv_context);
        btn_show_menu = (Button) findViewById(R.id.btn_show_menu);
        registerForContextMenu(tv_context);

        btn_show_menu.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                PopupMenu popup = new PopupMenu(MainActivity.this,btn_show_menu);
                popup.getMenuInflater().inflate(R.menu.menu_sub, popup.getMenu());
                popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
                    @Override
                    public boolean onMenuItemClick(MenuItem item) {
                        switch (item.getItemId()){
                            case R.id.lpig:
                                Toast.makeText(MainActivity.this,"你点了小猪~",Toast.LENGTH_SHORT).show();
                                break;
                            case R.id.bpig:
                                Toast.makeText(MainActivity.this,"你点了大猪~",Toast.LENGTH_SHORT).show();
                                break;
                        }
                        return true;
                    }
                });
                popup.show();
            }
        });

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        menu.add(1, RED, 4, "红色");
        menu.add(1, GREEN, 2, "绿色");
        menu.add(1, BLUE, 3, "蓝色");
        menu.add(1, YELLOW, 1, "黄色");
        menu.add(1, GRAY, 5, "灰色");
        menu.add(1, CYAN, 6, "蓝绿色");
        menu.add(1, BLACK, 7, "黑色");
        return true;
    }

    @Override
    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.
        int id = item.getItemId();
        switch (id) {
            case RED:
                tv_test.setTextColor(Color.RED);
                break;
            case GREEN:
                tv_test.setTextColor(Color.GREEN);
                break;
            case BLUE:
                tv_test.setTextColor(Color.BLUE);
                break;
            case YELLOW:
                tv_test.setTextColor(Color.YELLOW);
                break;
            case GRAY:
                tv_test.setTextColor(Color.GRAY);
                break;
            case CYAN:
                tv_test.setTextColor(Color.CYAN);
                break;
            case BLACK:
                tv_test.setTextColor(Color.BLACK);
                break;
        }
        return super.onOptionsItemSelected(item);
    }

代码分析：

上述的代码非常简单，给大家演示了Android 5.0的中OptionMenu(选项菜单)中动态添加菜单，

以及事件处理，根据id判断用户点击的是哪一项，然后执行对应的操作！

另外，有一点要注意的是，选项菜单经过了三个阶段的过渡：

在Android 2.3.x或者更低版本，因为该阶段大部分的机型都是带有Menu键的， 此阶段通过点击Menu键弹出菜单：

而在Android 3.0或者更高的版本，则是通过3.0引入的ActionBar中的setting菜单：而在5.0以上的版本则是在ToolBar中的，点击后出一个溢出式的菜单样式

另外通过XML方式定义Menu的方式，我们贴个简单的参考代码：

 <?xml version="1.0" encoding="utf-8"?>
  <menu xmlns:android="http://schemas.android.com/apk/res/android">
      <item android:id="@+id/new_game"
            android:icon="@drawable/ic_new_game"
            android:title="@string/new_game"
            android:showAsAction="ifRoom"/>
      <item android:id="@+id/help"
            android:icon="@drawable/ic_help"
            android:title="@string/help" />
  </menu>

而在5.0以上的版本则是在ToolBar中的，点击后出一个溢出式的菜单样式

另外通过XML方式定义Menu的方式，我们贴个简单的参考代码：

1.  <?xml version="1.0" encoding="utf-8"?>
2.  <menu xmlns:android="http://schemas.android.com/apk/res/android">
3.      <item android:id="@+id/new_game"
4.            android:icon="@drawable/ic_new_game"
5.            android:title="@string/new_game"
6.            android:showAsAction="ifRoom"/>
7.      <item android:id="@+id/help"
8.            android:icon="@drawable/ic_help"
9.            android:title="@string/help" />
10.  </menu>

其他的自行查阅文档哈~

(三）ContextMenu(上下文菜单)

一开始我们就说了，长按某个View后出现的菜单，我们需要为这个View注册上下文菜

单！

1）如何使用ContextMenu？

答：使用的流程如下：

Step 1：重写onCreateContextMenu()方法

Step 2：为view组件注册上下文菜单，使用registerForContextMenu()方法,参数是View

Step 3：重写onContextItemSelected()方法为菜单项指定事件监听器上面的OptionMenu我们使用了Java代码的方法来完成菜单项的添加，这里我们就用XML文件的 方式来生成我们的CotnextMenu吧，另外关于使用Java代码来生成菜单还是使用XML来生成菜单， 建议使用后者来定义菜单，这样可以减少Java代码的代码臃肿，而且不用每次都用代码分配 id，只需修改XML文件即可修改菜单的内容，这样在一定程度上位程序提供的了更好的解耦，低耦合，高内聚，是吧~

2）使用示例：

运行效果图：

实现代码：

我们先来编写选项菜单的菜单XML文件：

menu_context.xml：

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 定义一组单选按钮 -->
    <!-- checkableBehavior的可选值由三个：single设置为单选，all为多选，none为普通选项 -->
    <group android:checkableBehavior="none">
        <item android:id="@+id/blue" android:title="@string/font_blue"/>
        <item android:id="@+id/green" android:title="@string/font_green"/>
        <item android:id="@+id/red" android:title="@string/font_red"/>
    </group>
</menu>

接着我们在选项菜单的那个基础上，添加一个TextView，然后加上下面一些东西：

private TextView tv_context;
2.  tv_context = (TextView) findViewById(R.id.tv_context);
3.          registerForContextMenu(tv_context);
4.
5.      //重写与ContextMenu相关方法
6.      @Override
7.      //重写上下文菜单的创建方法
8.      public void onCreateContextMenu(ContextMenu menu, View v,
9.                                      ContextMenu.ContextMenuInfo menuInfo
) {
10.          MenuInflater inflator = new MenuInflater(this);
11.          inflator.inflate(R.menu.menu_context, menu);
12.          super.onCreateContextMenu(menu, v, menuInfo);
13.      }
14.
15.      //上下文菜单被点击是触发该方法
16.      @Override
17.      public boolean onContextItemSelected(MenuItem item) {
18.          switch (item.getItemId()) {
19.              case R.id.blue:20.                  tv_context.setTextColor(Color.BLUE);
21.                  break;
22.              case R.id.green:
23.                  tv_context.setTextColor(Color.GREEN);
24.                  break;
25.              case R.id.red:
26.                  tv_context.setTextColor(Color.RED);
27.                  break;
28.          }
29.          return true;
30.      }
31.

好的，就是那么简单~可以为多个View设置上下文，switch(v.getId)你懂的~

另外，和等下要讲的子菜单一样，上下文菜单都无法显示图标！

（四）SubMenu(子菜单)

所谓的子菜单只是在<item>中又嵌套了一层<menu>而已

代码示例：

运行效果图：

实现代码：

编写子菜单的Menu文件：

menu_sub.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/submenu" android:title="子菜单使用演示~">
4.          <menu>
5.              <group android:checkableBehavior = "none">
6.                  <item android:id="@+id/one" android:title = "子菜单一"/>
7.                  <item android:id="@+id/two" android:title = "子菜单二"/>
8.                  <item android:id="@+id/three" android:title = "子菜单三"/
>
9.              </group>
10.          </menu>
11.      </item>
12.  </menu>

接着我们改下上面上下文菜单的两个方法的内容，换上下面的代码：

1.  public void onCreateContextMenu(ContextMenu menu, View v,
2.                                      ContextMenu.ContextMenuInfo menuInfo) {
3.          //子菜单部分：
4.          MenuInflater inflator = new MenuInflater(this);
5.          inflator.inflate(R.menu.menu_sub, menu);
6.          super.onCreateContextMenu(menu, v, menuInfo);
7.  }
8.
9.  public boolean onContextItemSelected(MenuItem item) {
10.      switch (item.getItemId()) {
11.              case R.id.one:
12.                  Toast.makeText(MainActivity.this,"你点击了子菜单一",Toast.
LENGTH_SHORT).show();
13.                  break;
14.              case R.id.two:
15.                  item.setCheckable(true);
16.                  Toast.makeText(MainActivity.this,"你点击了子菜单二",Toast.
LENGTH_SHORT).show();
17.                  break;
18.              case R.id.three:
19.                  Toast.makeText(MainActivity.this,"你点击了子菜单三",Toast.
LENGTH_SHORT).show();
20.                  item.setCheckable(true);
21.                  break;
22.          }
23.      return true;
24.  }
25.

好的，灰常简单是吧，另外，如果你想在Java代码中添加子菜单的话，可以调用addSubMenu()

比如：SubMenu file = menu.addSubMenu(“文件”);file还需要addItem添加菜单项哦！

（五）PopupMenu(弹出式菜单)

一个类似于PopupWindow的东东，他可以很方便的在指定View下显示一个弹出菜单，而且 他的菜单选项可以来自于Menu资源，下面我们写个简单的例子来使用下这个东东~使用示例：

运行效果图：

实现代码：

菜单资源文件：

menu_pop.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/lpig" android:title="小兵" />
4.      <item android:id="@+id/bpig" android:title="大兵" />
5.  </menu>

在布局中添加一个按钮，然后添加点击事件：

MainActivity.java:

1.  btn_show_menu.setOnClickListener(new View.OnClickListener() {
2.              @Override
3.              public void onClick(View v) {4.                  PopupMenu popup = new PopupMenu(MainActivity.this,btn_s
how_menu);
5.                  popup.getMenuInflater().inflate(R.menu.menu_pop, popup.
getMenu());
6.                  popup.setOnMenuItemClickListener(new PopupMenu.OnMenuIt
emClickListener() {
7.                      @Override
8.                      public boolean onMenuItemClick(MenuItem item) {
9.                          switch (item.getItemId()){
10.                              case R.id.lpig:
11.                                  Toast.makeText(MainActivity.this,"你点了
小猪~",
12.                                  Toast.LENGTH_SHORT).show();
13.                                  break;
14.                              case R.id.bpig:
15.                                  Toast.makeText(MainActivity.this,"你点了
大猪~",
16.                                  Toast.LENGTH_SHORT).show();
17.                                  break;
18.                          }
19.                          return true;
20.                      }
21.                  });
22.                  popup.show();
23.              }
24.          });

非常简单，又学了一招~~~哇哈哈<完>

时间： 2025-01-04 23:50:01

UI控件之菜单(Menu)的相关文章

Android-高级UI控件_Menu菜单

代码 Activity01 package com.lxt008; import android.app.Activity; import android.content.Intent; import android.os.Bundle; import android.view.Menu; import android.view.MenuInflater; import android.view.MenuItem; public class Activity01 extends Activity

Atitit.ui控件---下拉菜单选择控件的实现select html

Atitit.ui控件---下拉菜单选择控件的实现select   html 1. 调用& model的实现 1 2. -----select.jsp------ 1 1. 调用& model的实现 Proj.vod2 <% List li=new ArrayList(); Map m=new HashMap (); m.put("lab","爱情"); m.put("v","1"); li.add(m)

Android02.常用布局及基本UI控件

一.Android学习API指南:[了解] 1. 应用的组成部分   App Components 1.1. 应用的基本原理    App Fundamentals 1.2. Activity      Activities 1.2.1. 片段    Fragments 1.2.2. 加载器     Loaders 1.2.3. 任务和返回堆    Tasks and Back Stack 1.3. Service服务   Services 1.3.1. 绑定服务     Bound Servi

【Unity】8.1 Unity内置的UI控件

分类:Unity.C#.VS2015 创建日期:2016-04-27 一.简介 Unity 5.x内置了-套完整的GUI系统,提供了从布局.控件到皮肤的-整套GUI解决方案,因此可直接利用它做出各种风格和样式的GUI界面,并且扩展性很强(程序员可以基于已有的控件创建出适合自己需求的控件). 有两种使用GUI的办法,一种是直接将UI添加到层次视图或者场景视图中,然后通过GUI脚本去控制它:另一种是直接通过GUI脚本去创建. 二.直接添加UI控件到场景中 下图是Unity 5.3.4内置的UI控件,

android_常用UI控件_01_TextView3_点击打开新的activity

点击textview打开新的activity (1) MainActivity.java package com.example.android_textview_opennewactivity; import android.os.Bundle; import android.app.Activity; import android.content.Intent; import android.text.SpannableString; import android.text.Spanned;

android_常用UI控件_01_TextView4_rollingsubtitles效果加链接文字

(1)Mainactivity.java package com.example.android_textview_rollingsubtitles; import java.sql.Wrapper; import android.os.Bundle; import android.app.Activity; import android.text.Html; import android.text.TextUtils; import android.text.TextUtils.Truncat

android_常用UI控件_01_TextView2

显示图片和文字 MainActivity.java package com.example.android_textview_showqqface; import java.lang.reflect.Field; import android.os.Bundle; import android.app.Activity; import android.graphics.Color; import android.graphics.drawable.Drawable; import android

[译]JavaFX 2.0+ - 使用JavaFX UI控件

使用JavaFX UI控件 本教程涵盖了JavaFX API中内置的UI控件. 文档包含以下章节: 标签 按钮 单选按钮 开关按钮 复选框 选择框 文本字段 密码字段 滚动条 滚动面板 列表 表格 树 树形表格 下拉列表框 分隔符 滑块 进度条,进度指示器 超链接 提示 HTML编辑器 标题面板和手风琴 菜单 颜色选择器 日期选择器 分页控制 文件选择器 如何定制控件 嵌入式平台的支持 每一章提供了代码示例和应用程序来展示控件是如何显示和工作的. 你可以从目录中找到应用程序的源文件和相应的Net

WPF控件库之Menu控件

WPF控件库之Menu(1) Menu 是一个控件,使用该控件可以对那些与命令或事件处理程序相关联的元素以分层方式进行组织.每个 Menu 可以包含多个 MenuItem 控件.每个 MenuItem 都可调用命令或调用 Click 事件处理程序.MenuItem 也可以有多个 MenuItem 元素作为子项,从而构成子菜单. Menu 是一个控件,使用该控件可以对那些与命令或事件处理程序相关联的元素以分层方式进行组织.每个 Menu 可以包含多个 MenuItem 控件.每个 MenuItem