Android开发之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)使用效果图

20160629091547632.png



代码实现如下:

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键弹出菜单:

20160629091547633.png 


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

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

20160629091547634.png

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

20160629091547635.png

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

1.  

2.  

3. 7. 10.

其他的自行查阅文档哈~


(三)ContextMenu(上下文菜单)

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

1)如何使用ContextMenu?

答:使用的流程如下:

Step 1:重写onCreateContextMenu()方法

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

Step 3:重写onContextItemSelected()方法为菜单项指定事件监听器上面的OptionMenu

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

MenuInflater inflator = new MenuInflater(this);
inflator.inflate(R.menu.menu_context, menu);
super.onCreateContextMenu(menu, v, menuInfo);


2)使用示例:

运行效果图:

20160629091548636.png



实现代码:

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

menu_context.xml:

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

      private TextView tv_context;
      tv_context = (TextView) findViewById(R.id.tv_context);
      registerForContextMenu(tv_context);
 
      //重写与ContextMenu相关方法
      @Override
      //重写上下文菜单的创建方法
      public void onCreateContextMenu(ContextMenu menu, View v,ContextMenu.ContextMenuInfo menuInfo) 
      {
          MenuInflater inflator = new MenuInflater(this);
          inflator.inflate(R.menu.menu_context, menu);
          super.onCreateContextMenu(menu, v, menuInfo);
      }
 
      //上下文菜单被点击是触发该方法
      @Override
      public boolean onContextItemSelected(MenuItem item)
      {
          switch (item.getItemId()) {
              case R.id.blue:20.                  tv_context.setTextColor(Color.BLUE);
                  break;
              case R.id.green:
                  tv_context.setTextColor(Color.GREEN);
                  break;
              case R.id.red:
                  tv_context.setTextColor(Color.RED);
                  break;
          }
          return true;
    }

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

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


(四)SubMenu(子菜单)

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

代码示例:

运行效果图:

20160629091548637.png



实现代码:

编写子菜单的Menu文件:

menu_sub.xml:

1.  

2.  

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

public void onCreateContextMenu(ContextMenu menu, View v,ContextMenu.ContextMenuInfo menuInfo) 
{
      //子菜单部分:
      MenuInflater inflator = new MenuInflater(this);
      inflator.inflate(R.menu.menu_sub, menu);
      super.onCreateContextMenu(menu, v, menuInfo);
}
 
public boolean onContextItemSelected(MenuItem item) 
{
     switch (item.getItemId()) 
     {
       case R.id.one:
         Toast.makeText(MainActivity.this,"你点击了子菜单一",Toast.LENGTH_SHORT).show();
         break;
       case R.id.two:
         item.setCheckable(true);
         Toast.makeText(MainActivity.this,"你点击了子菜单二",Toast.LENGTH_SHORT).show();
         break;
       case R.id.three:
         Toast.makeText(MainActivity.this,"你点击了子菜单三",Toast.LENGTH_SHORT).show();
         item.setCheckable(true);
         break;
     }
     return true;
}

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

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

(五)PopupMenu(弹出式菜单)

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

运行效果图:

20160629091548638.png

实现代码:

菜单资源文件:

menu_pop.xml:


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

MainActivity.java:

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_pop, 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();
      }
});



注:本文转载自拾图网[http://www.tshinet.com],转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除。
上一篇 下一篇

淘宝热销

  • Mistine小黄帽防晒霜乳SPF50泰版面部防紫外线隔离男女军训蜜丝婷

    【推荐理由】赠运费险

    【优惠券】20   【券后价】59.00

    【下单链接】18¥ CZ0001 G5fHdEqOsnB¥

    >>>>>> 马上打开

  • G7旗舰店越南进口美式纯黑咖啡粉速溶无糖0脂减燃正品学生提神

    【推荐理由】库存紧张,好评过万

    【优惠券】3    【券后价】26.90

    【下单链接】27¥ CZ0001 zb0bdEqLV7G¥

    >>>>>> 马上打开