经常会碰到这样的需求:界面右上角有个图标,点击一下之后弹出一个会话框,比如举报、选择额外功能之类,很多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(),对话框就不会消失了。例子就是本文的“确定”按钮的监听设置。