您当前位置：首页 > php开源 > 综合技术 > UI控件之菜单(Menu)

UI控件之菜单(Menu)

来源：程序员人生发布时间：2016-07-26 13:13:53 阅读次数：2316次

（1）概述
本章给大家带来的是Android中的Menu(菜单)，而在Android中的菜单有以下几种：OptionMenu：选项菜单，android中最多见的菜单，通过Menu键来调用SubMenu：子菜单，android中点击子菜单将弹出1个显示子菜单项的悬浮框，子菜单不支持嵌套，即不能包括其他子菜单ContextMenu：上下文菜单，通太长按某个视图组件后出现的菜单，该组件需注册上下文菜单本节我们来依依学习这几种菜单的用法~
（2）OptionMenu(选项菜单)
1）如何使用OptionMenu？
答：非常简单，重写两个方法就好，其实这两个方法我们在创建项目的时候就会自动生
成~
他们分别是：
public boolean onCreateOptionsMenu(Menu menu)：调用OptionMenu，在这里完成菜单初始化
public boolean onOptionsItemSelected(MenuItem item)：菜单项被选中时触发，这里完成事件处理

固然除上面这两个方法我们可以重写外我们还可以重写这3个方法：

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

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

public boolean onMenuOpened(int featureId, Menu menu)：选项菜单打开以后会调用这个方法而加载菜单的方式有两种，1种是直接通过编写菜单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判断用户点击的是哪1项，然后履行对应的操作！
另外，有1点要注意的是，选项菜单经过了3个阶段的过渡：
在Android 2.3.x或更低版本，由于该阶段大部份的机型都是带有Menu键的，此阶段通过点击Menu键弹出菜单：
这里写图片描述
而在Android 3.0或更高的版本，则是通过3.0引入的ActionBar中的setting菜单：而在5.0以上的版本则是在ToolBar中的，点击后出1个溢出式的菜单样式
另外通过XML方式定义Menu的方式，我们贴个简单的参考代码：

 <?xml version="1.0" encoding="utf⑻"?>
  <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中的，点击后出1个溢出式的菜单样式

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

1.  <?xml version="1.0" encoding="utf⑻"?>
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>

其他的自行查阅文档哈~

(3）ContextMenu(上下文菜单)
1开始我们就说了，长按某个View后出现的菜单，我们需要为这个View注册上下文菜
单！

1）如何使用ContextMenu？
答：使用的流程以下：

Step 1：重写onCreateContextMenu()方法

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

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

2）使用示例：
运行效果图：
这里写图片描述
实现代码：
我们先来编写选项菜单的菜单XML文件：
menu_context.xml：

<?xml version="1.0" encoding="utf⑻"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 定义1组单选按钮 -->
    <!-- checkableBehavior的可选值由3个：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>

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

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)你懂的~
另外，和等下要讲的子菜单1样，上下文菜单都没法显示图标！

（4）SubMenu(子菜单)
所谓的子菜单只是在<item>中又嵌套了1层<menu>而已
代码示例：
运行效果图：
这里写图片描述
实现代码：
编写子菜单的Menu文件：
menu_sub.xml：

1.  <?xml version="1.0" encoding="utf⑻"?>
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 = "子菜单1"/>
7.                  <item android:id="@+id/two" android:title = "子菜单2"/>
8.                  <item android:id="@+id/three" android:title = "子菜单3"/
>
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,"你点击了子菜单1",Toast.
LENGTH_SHORT).show();
13.                  break;
14.              case R.id.two:
15.                  item.setCheckable(true);
16.                  Toast.makeText(MainActivity.this,"你点击了子菜单2",Toast.
LENGTH_SHORT).show();
17.                  break;
18.              case R.id.three:
19.                  Toast.makeText(MainActivity.this,"你点击了子菜单3",Toast.
LENGTH_SHORT).show();
20.                  item.setCheckable(true);
21.                  break;
22.          }
23.      return true;
24.  }
25.

好的，灰常简单是吧，另外，如果你想在Java代码中添加子菜单的话，可以调用addSubMenu()
比如：SubMenu file = menu.addSubMenu(“文件”);file还需要addItem添加菜单项哦！

（5）PopupMenu(弹出式菜单)
1个类似于PopupWindow的东东，他可以很方便的在指定View下显示1个弹出菜单，而且他的菜单选项可以来自于Menu资源，下面我们写个简单的例子来使用下这个东东~使用示例：
运行效果图：
这里写图片描述
实现代码：
菜单资源文件：
menu_pop.xml：

1.  <?xml version="1.0" encoding="utf⑻"?>
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>

在布局中添加1个按钮，然后添加点击事件：
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.          });

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

生活不易，码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生

------分隔线----------------------------

上一篇 从源码解析Nginx对 Native aio支持

下一篇 gcc编译解析

分享到:

------分隔线----------------------------

为码而活

积分：4237

15粉丝

7关注

栏目热点