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

经常会碰到这样的需求：界面右上角有个图标，点击一下之后弹出一个会话框，比如举报、选择额外功能之类，很多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的Menu图标且点击后弹出对话框

猜你喜欢