动态更新Toolbar Menu以及Menu中同时显示文字和图标

2019-03-17 22:19:28

参看网址 动态更新Toolbar Menu以及Menu中同时显示文字和图标

动态更新Toolbar Menu以及Menu中同时显示文字和图标

我们经常会有这样的需求,在切换Fragment或者点击某个按钮后动态更新Toolbar上Menu项.但是onCreateOptionsMenu方法只在创建Activity的时候调用一次,以后就不再调用了,所以就不能在onCreateOptionsMenu中做处理了。
不过系统提供了另外的一个方法onPrepareOptionsMenu,我们可以在这个方法中做一些逻辑处理,然后在需要更新Menu的地方调用invalidateOptionsMenu方法。
效果图如下:

点击管理专辑按钮更换Menu,

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu, menu);        return super.onCreateOptionsMenu(menu);
    }
@Override
    public boolean onPrepareOptionsMenu(Menu menu) {        if (mIsEditStatus) {
            menu.findItem(R.id.action_share).setVisible(false);
            menu.findItem(R.id.action_edit).setVisible(true);
        } else {
            menu.findItem(R.id.action_share).setVisible(true);
            menu.findItem(R.id.action_edit).setVisible(false);
        }        return super.onPrepareOptionsMenu(menu);
    }
invalidateOptionsMenu(); //重新绘制menu

另外的一个需求是在Menu中要显示图标和文字,虽然在menu.xml文件中配置了图标和文字,但是在有图标的情况下文字是不会显示的,即使设置 app:showAsAction="always|withText" 但是我在运行的时候发现并没有显示文字,处理方法是通过另外一个属性实现app:actionLayout.
首先menu.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=".album.AlbumDetailActivity">

    <item android:id="@+id/action_share"
          android:title="分享"
          android:orderInCategory="80"
          android:icon="@drawable/icon_share_white"
          app:showAsAction="always|withText" />

    <item android:id="@+id/action_edit"
          android:title=""
          android:orderInCategory="60"
          app:showAsAction="always"
          app:actionLayout="@layout/menu_action_album_edit"
        /></menu>

app:actionLayout指向了一个布局,可以在这个布局中定义你想要的控件。我的定义是这样的。
menu_action_album_edit.xml

<?xml version="1.0" encoding="utf-8"?><TextView xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:paddingLeft="10dip"
          android:paddingRight="10dip"
          android:gravity="center"
          android:text="@string/app_edit"
          android:drawableLeft="@drawable/album_edit_white"
          android:textColor="@color/white"
          android:clickable="true" />

android:drawableLeft中指定你的图标。
然后还要在onCreateOptionsMenu中重写一下Menu的点击事件,现在onCreateOptionsMenu方法是这样的:

@Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu, menu);        final MenuItem item = menu.findItem(R.id.action_edit);
        item.getActionView().setOnClickListener(new View.OnClickListener() {            @Override
            public void onClick(View v) {
                onOptionsItemSelected(item);
            }
        });        return super.onCreateOptionsMenu(menu);
    }

然后像普通的Menu item一样在onOptionsItemSelected中处理点击事件就可以了。


  • 2021-01-16 09:45:19

    tabbar的titlePositionAdjustment设置文字距离

    指定相应的数据去偏移一个位置,向右或者向下为正值,向左或者向上为负值,不过首先你得有一个相对位置的坐标。而tabbarItem文字的坐标是底部为x轴,y轴则是tabbarItem的centerX;

  • 2021-01-16 09:49:13

    Cocoapods如何查看项目中引入库的版本号

    项目中已经安装过Cocoapods,并生成了Podfile.lock文件。 打开终端,cd命令切换到项目中的Podfile.lock文件目录下,执行命令:cat Podfile.lock 即可。也可以用文本方式打开 Podfile.lock 文件。示例如下:

  • 2021-01-18 13:50:21

    vue实现粘贴功能

    paste事件就是粘贴事件 需要通过clipboardData获得粘贴的内容

  • 2021-01-18 15:12:57

    flex和inline-flex区别

    flex: 将对象作为弹性伸缩盒显示 inline-flex:将对象作为内联块级弹性伸缩盒显示