Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > Android动态更新Menu菜单

Android动态更新Menu菜单的实现过程

作者:broadview_java

菜单是用户界面中最常见的元素之一,使用非常频繁,下面这篇文章主要给大家介绍了关于Android动态更新Menu菜单的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

1. 需求描述

Android Menu菜单是比较常见的功能,在ActionBar  or ToolBar上显示,点击更多(3个点),会有下拉列表菜单展示,  在工作项目中有个小需求改动: 在 ToolBar上添加一个图标,点击后会切换图标状态,界面也会显示对应内容,这也是本篇文章要讲的是如何动态更新Menu菜单。

首先,我们来看看效果图:

1. 当点击网格图标时,显示为网格模式

 2. 当点击列表图标时,显示为列表模式

 3. 点击更多图标时,显示更多菜单列表:设置   关于  测试

2. 基础知识

在写代码之前,先来复习一下Menu的基础知识,具体可以看官方文档:Menus  |  Android Developers

菜单xml编写例子:

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context="com.example.menutest.MainActivity">
 
    <item
        android:id="@+id/sub_menu_grid"
        android:title="网格视图"
        android:icon="@drawable/ic_menu_view_grid"
        app:showAsAction="always"/>
    <item
        android:id="@+id/sub_menu_list"
        android:title="列表视图"
        android:icon="@drawable/ic_menu_view_list"
        app:showAsAction="always"/>
 
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="设置"
        app:showAsAction="never" />
 
    <item
        android:id="@+id/action_about"
        android:orderInCategory="200"
        android:title="关于"
        app:showAsAction="never" />
 
    <item
        android:id="@+id/action_test"
        android:orderInCategory="300"
        android:title="测试"
        app:showAsAction="never" />
 
</menu>

<item>是我们主要需要关注的元素,它的常见属性如下:

    android:id:     菜单项(MenuItem)的唯一标识(必须定义)

    android:icon: 菜单项的图标(可选)

    android:title: 菜单项的标题(必选)

    android:showAsAction:指定菜单项的显示方式。常用的有ifRoom、never、always、withText,多个属性值之间可以使用|隔开。

指定菜单的显示方式:

always:菜单项永远不会被收纳到溢出菜单中,因此在菜单项过多的情况下可能超出菜单栏的显示范围。

ifRoom:在空间足够时,菜单项会显示在菜单栏中,否则收纳入溢出菜单中。

withText:无论菜单项是否定义了icon属性,都只会显示它的标题,而不会显示图标。使用这种方式的菜单项默认会被收纳入溢出菜单中。

never:菜单项永远只会出现在溢出菜单中。

我们通过上面的3张图片,在Toolbar上面显示有两类菜单:

1. 比如网格和列表菜单,在菜单栏上定义为一直显示(always),我们称它为常驻菜单

2. 另一种会被集中放置到溢出菜单中(就是菜单栏右侧的3个小点图标图标)

3. 菜单加载

菜单加载,有两个相关API 

  1.  onCreateOptionsMenu(Menu menu)

      此方法在初次加载菜单时,会调用一次。

2.  onPrepareOptionsMenu(Menu menu)

      此方法应用场景:在运行时更改菜单项,我们看看官网的描述:

在运行时修改的选项菜单:

系统调用onCreateOptionsMenu方法后,将保留创建的Menu实例。除非菜单由于某些原因而失效,否则不会再次调用onCreateOptionsMenu。因此,我们只应该使用onCreateOptionsMenu来创建初始菜单状态,而不应使用它在Activity生命周期中对菜单执行任何更改。

如果需要根据在Activity生命周期中发生的某些事件修改选项菜单,则应该通过onPrepareOptionsMenu方法实现。这个方法的参数中有一个Menu对象(即旧的Menu对象),我们可以使用它对菜单执行修改,如添加、移除、启用或禁用菜单项。(Fragment同样提供onPrepareOptionsMenu方法,只是不需要提供返回值)

需要注意:在Android 3.0及更高版本中,当菜单项显示在应用栏中时,选项菜单被视为始终处于打开状态,说的就是常驻菜单。发生事件时,如果要执行菜单更新,则必须调用 invalidateOptionsMenu来请求系统调用onPrepareOptionsMenu方法

对于上句话我的理解如下:

1. 对于常驻菜单,如果你想动态修改菜单的话,就必须调用 invalidateOptionsMenu() 方法去更新,为什么呢? 因为调用 invalidateOptionsMenu方法后,会重新执行一遍 onCreateOptionsMenu 和 onPrepareOptionsMenu这两个方法。

2. 对于溢出菜单,如果你想动态修改菜单的话,只需要在onPrepareOptionsMenu方法中实现即可,为什么呢?

当你点击 更多(3个小点)图标的时候,就会回调onPrepareOptionsMenu方法

4. 需求实现

有了上面理论做支持,具体结合需求,网格和列表菜单属于常驻菜单,所以必须先要调用invalidateOptionsMenu()方法,然后在onPrepareOptionsMenu去写动态更新状态的代码

图三中,关于属于溢出菜单,需求: 关于 菜单不能点击,所以也是在onPrepareOptionsMenu中去写动态更新状态的代码

好了,我把代码展示出来:

public class MainActivity extends AppCompatActivity {
 
    //默认为网格模式
    private boolean isShowGridModeIcon = true;
 
    //网格菜单 和 列表菜单
    private MenuItem gridMenuItem;
    private MenuItem listMenuItem;
 
    //用字符串来表示当前的文件列表显示模式
    private TextView viewModeStatus;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Toolbar toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
 
        viewModeStatus = findViewById(R.id.textview_refresh);
 
    }
 
 
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        Log.e("test", "=====MenuTest onCreateOptionsMenu=====");
 
        gridMenuItem = menu.findItem(R.id.sub_menu_grid);
        listMenuItem = menu.findItem(R.id.sub_menu_list);
        return true;
    }
 
    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {
        Log.e("test", "=====MenuTest onPrepareOptionsMenu=xxxx====");
        MenuItem aboutMenuItem = menu.findItem(R.id.action_about);
 
        // (3个点)【更多】菜单中把 关于 设置为不可点击
        aboutMenuItem.setEnabled(false);
 
        if (isShowGridModeIcon) {
            gridMenuItem.setVisible(true);
            listMenuItem.setVisible(false);
            viewModeStatus.setText("当前为网格模式");
        } else {
            gridMenuItem.setVisible(false);
            listMenuItem.setVisible(true);
            viewModeStatus.setText("当前为列表模式");
        }
        return super.onPrepareOptionsMenu(menu);
    }
 
    @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();
        Log.e("test", "=====MenuTest onOptionsItemSelected= sssss ====");
        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        } else if (id == R.id.sub_menu_grid) {
          /*1. 点击网格图标,界面中文件布局显示变成网格模式*/
          //伪代码:setViewMode(State.MODE_GRID);
            isShowGridModeIcon = false;
          /*2. 图标变成切换list图标*/
            invalidateOptionsMenu();
 
        } else if (id == R.id.sub_menu_list) {
            /*1.点击列表图标,界面中文件布局显示变成列表模式*/
            //伪代码:setViewMode(State.MODE_LIST);
            isShowGridModeIcon = true;
            /*2. 图标变成切换grid图标*/
            invalidateOptionsMenu();
        }
 
        return super.onOptionsItemSelected(item);
    }
}

代码中加了打印log

1.  在桌面上启动apk的时候,打印log如下:

21900 21900 E test    : =====MenuTest onCreateOptionsMenu=====
21900 21900 E test    : =====MenuTest onPrepareOptionsMenu=xxxx====

2. 点击网格模式菜单时,打印log如下:

21900 21900 E test    : =====MenuTest onOptionsItemSelected= sssss ====
21900 21900 E test    : =====MenuTest onCreateOptionsMenu=====
21900 21900 E test    : =====MenuTest onPrepareOptionsMenu=xxxx====

如上分析,在onOptionsItemSelected方法中点击响应时,调用了invalidateOptionsMenu方法,所以会重新走一遍onCreateOptionsMenu, onPrepareOptionsMenu。

3. 点击(3个点)更多菜单时,打印log如下:

21900 21900 E test    : =====MenuTest onPrepareOptionsMenu=xxxx====

如上分析, 对于溢出菜单类型,点击更多菜单时,只会回调onPrepareOptionsMenu方法

5. 总结

本篇文章讲解了动态菜单更新显示的过程,也是对menu菜单的一个小结,对于同类需求,可以仿照此demo,整个Demo代码我上传到这里:Android动态更新Menu菜单

到此这篇关于Android动态更新Menu菜单的文章就介绍到这了,更多相关Android动态更新Menu菜单内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文