Android自定义Toolbar的Menu图标且点击后弹出对话框

原创 2018年04月16日 20:32:14

经常会碰到这样的需求:界面右上角有个图标,点击一下之后弹出一个会话框,比如举报、选择额外功能之类,很多app都要实现。现归纳一种实现方式。

首先添加menu,监听菜单的点击事件,点击时弹出一个dialog:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.menu_news,menu);
    return super.onCreateOptionsMenu(menu);
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()){
        case R.id.id_menu_report:
            AlertDialog.Builder builder=new AlertDialog.Builder(NewsInfoActivity.this);
            builder.setIcon(android.R.drawable.ic_dialog_info);
            builder.setTitle("请选择你举报的原因");
            final String []itemsId=new String[]{"内容虚假","盗版侵权","内容低俗","危险言论","封建迷信"};
            final boolean []checkedItems=new boolean[]{false,false,false,false,false};//这里的true是默认第几个人已经被选中
            builder.setMultiChoiceItems(itemsId, checkedItems,new DialogInterface.OnMultiChoiceClickListener() {

                @Override
                public void onClick(DialogInterface dialog, int which, boolean ischeck) {
                    checkedItems[which]=ischeck;
                }
            });
            //设置一个确定按钮
            builder.setPositiveButton("确定", null);
            builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    dialog.dismiss();
                }
            });
            builder.setCancelable(false);
            final AlertDialog dialog = builder.create();
            dialog.show();
            dialog.getButton(DialogInterface.BUTTON_POSITIVE).setOnClickListener(new View.OnClickListener() {

                @Override
                public void onClick(View v) {
                    Log.d("checkedItems", "checkedItems: "+checkedItems);
                    String text="";
                    boolean hasSelected=false;
                    for(int i=0;i<itemsId.length;i++)
                    {
                        text+=checkedItems[i]?itemsId[i]+",":"";
                        if (checkedItems[i]){
                            hasSelected = checkedItems[i];
                            break;
                        }
                    }
                    if (hasSelected) {
                        T.showToast("举报成功!感谢您的反馈!");
                        dialog.dismiss();
                    }
                    else {
                        T.showToast("还未选择举报原因!");
                        return;
                    }
                }
            });
            break;
    }
    return super.onOptionsItemSelected(item);
}

具体toolbar如何配置,如何加入flowOver menu,详见我的另一篇文章Android Toolbar使用技巧之添加toolbar和配置menu

然后需要特别配置menu的显示方式:

<?xml version="1.0" encoding="utf-8"?>
<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.reality.realityapp.ui.activity.NewsInfoActivity">
    <item
        android:id="@+id/id_menu_report"
        android:orderInCategory="100"
        app:showAsAction="always"
        android:icon="@drawable/report"
        android:title="举报"
        />
</menu>

将showAsAction设为always,即菜单项item将直接代替menu的图标(默认是三个点)显示在toolbar右侧,然后item的图标便代替了menu的默认图标,这是一种自定义Menu图标的行之有效的方法。当然网上还有通过style更改menu图标的方式,不过经过尝试,本文使用的方法更加方便有效,不需考虑图片尺寸问题(因为实质上是修改item的图片,放到menu图标中去,而menu图标尺寸没有改变),而修改style加入图片是更改menu图标属性,如果图片实际尺寸不好则会出现显示问题。


这里还有一个tip:

如果按照传统方式给dialog设置按钮(比如上面的“取消”按钮),无论点击“确定”(PositiveButton)还是“取消”(NegativeButton),对话框都会消失,这其实是不合理的,因为当某些条件不满足时不能退出对话框。所以解决方式如下:

在创建AlertDialog时setPositiveButton方法的OnClickListener参数需传入null,然后让dialog show出来以后,再通过getButton(AlertDialog.BUTTON_POSITIVE)方法重新得到确定按钮,重设点击事件,这时如果不手动去调dialog.dismiss(),对话框就不会消失了。例子就是本文的“确定”按钮的监听设置。

android自定义toolbar的menuItem图标大小

由于menuItem的大小是由android-support-v7-appcompat根据机器的destiny设定的,在我公司的设备destiny是=1.0,dpi=160,但是实际dpi为200,所...
  • huowen1990
  • huowen1990
  • 2016年06月24日 17:22
  • 435

Android 解决 Toolbar 的 Menu 图标无法显示

Android 解决 Toolbar 的 Menu 图标无法显示的问题 menu代码如下
  • mazaiting
  • mazaiting
  • 2017年09月29日 00:57
  • 229

Android Toolbar菜单动态切换item的图标

大家都知道,Fragment的启动速度比Activity快很多,因此在开发中如果每一个界面都使用一个Activity显然不那么好,这时候我们一般用Activity来充当管理的角色,界面的内容都放在Fr...
  • qq_28899635
  • qq_28899635
  • 2016年07月28日 08:46
  • 2294

给Toolbar的menu添加图标

废话不多说。直接进入主题。。。。。 今天要实现产品设计的新界面,要使用带Toolbar控件,于是手起刀落,麻溜的一下就写好了: ...
  • YYXXLL2
  • YYXXLL2
  • 2017年04月18日 09:57
  • 2472

关于toolbar的menu显示icon问题

需求需要在toolbar的menu菜单里面显示icon,但是据google的解释说 已经不支持这么做了 Options menus: The icon menus do not support i...
  • longwanglidfdfdf
  • longwanglidfdfdf
  • 2016年03月10日 13:59
  • 1079

解决 Toolbar 的 Menu 图标无法显示的问题

是什么给 Toolbar 设置 Menu 的按钮:main_menu.xml
  • heshiweij
  • heshiweij
  • 2016年04月19日 14:50
  • 7148

Android动态修改ToolBar的Menu菜单

Android动态修改ToolBar的Menu菜单效果图实现 实现很简单,就是一个具有3个Action的Menu,在我们滑动到不同状态的时候,把对应的Action隐藏了。 开始上货 Menu...
  • q4878802
  • q4878802
  • 2016年04月15日 11:42
  • 24458

如何在ToolBar中显示文字和图标,自定义图标大小,并和MenuItem关联

要注意以下几个方面,先后顺序未必正确,有可能多设几次1.设置ToolBar可以显示文字ToolBar.ShowCaption := True;2.设置ToolButton大小ImageList.Wid...
  • lw549
  • lw549
  • 2005年02月01日 15:00
  • 4873

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

动态更新Toolbar Menu以及Menu中同时显示文字和图标 我们经常会有这样的需求,在切换Fragment或者点击某个按钮后动态更新Toolbar上Menu项.但是onCreateOptions...
  • lianghongge
  • lianghongge
  • 2016年12月30日 20:53
  • 1645

ToolBar自定义图标,关联DrawerLayout

ToolBar自定义图标
  • static_zh
  • static_zh
  • 2016年09月22日 11:38
  • 2195
收藏助手
不良信息举报
您举报文章:Android自定义Toolbar的Menu图标且点击后弹出对话框
举报原因:
原因补充:

(最多只允许输入30个字)