Android记录23-关于actionbar中overflow menu(溢出菜单)中的一些问题

Android记录23-关于actionbar中overflow menu(溢出菜单)中的一些问题

前言

本篇博客记录一下小巫在使用actionbar的时候遇到关于溢出菜单的一些问题：

1. 什么是Overflow menu
2. Android 3.0以上默认不显示overflow menu
3. 如何强制在Android 4.4.4以下的手机显示overflow menu
4. 经测试，魅族手机无法强制显示overflow menu，其他手机暂无发现这种问题

先来两张对比图：

左边是红米手机的效果，右边是针对魅族Mx4pro做的适配效果。

什么是overflow menu?

先来解释一下什么是overflow menu,中文叫做“溢出菜单”，顾名思义溢出的菜单，我们有些手机是有实体按键或虚拟按键，其中一个是菜单键，有的可能没有，例如魅族就只有一个back的返回虚拟键。点击菜单键的时候，就会在底部弹出溢出菜单，在Android 3.0之后，也就是API 11之后才可以加入ActionBar控件的，再其右上角会有三个点，那个就是我们说的overflow menu，我们在menu中定义菜单项就可以弹出类似上面红米手机弹出的效果。关于ActionBar有很多用法，本篇博客就不展开讲，有兴趣的同学可以到官网进行学习。

如何在ActionBar强制显示溢出菜单？

Android 3.0以上的手机默认是不显示溢出菜单的，那如何强制在Android 4.4以下的手机显示溢出菜单呢？可以使用以下方法：

// 强制actionbar显示overflow菜单// force to show overflow menu in actionbar for android 4.4 belowprivate void getOverflowMenu() {try {ViewConfiguration config = ViewConfiguration.get(this);Field menuKeyField = ViewConfiguration.class.getDeclaredField("sHasPermanentMenuKey");if (menuKeyField != null) {menuKeyField.setAccessible(true);menuKeyField.setBoolean(config, false);}} catch (Exception e) {e.printStackTrace();}}

适配类似魅族手机无法显示溢出菜单的解决方案

上面已经解决了如何在Android 4.4以下的手机强制显示溢出菜单，下面来解决一些奇葩手机无法显示溢出菜单的问题。为什么魅族手机无法显示，了解到的是魅族没有所谓的actionbar,它们称为smartbar，看来是魅族的工程师把官方的actionbar进行了修改。一个字，坑！不过小巫想到了一个解决办法，我们每部手机都有自己的手机品牌，我们可以针对这些奇葩手机进行适配，溢出菜单我们就使用popupwindow来替代。

获得手机信息

/** * 获取IMEI号，IESI号，手机型号 */public static void getInfo(Context context) {TelephonyManager mTm = (TelephonyManager) context.getSystemService(Context.TELEPHONY_SERVICE);String imei = mTm.getDeviceId();String imsi = mTm.getSubscriberId();String mtype = android.os.Build.MODEL; // 手机型号String mtyb = android.os.Build.BRAND;// 手机品牌String numer = mTm.getLine1Number(); // 手机号码，有的可得，有的不可得Log.i("text", "手机IMEI号：" + imei + "手机IESI号：" + imsi + "手机型号：" + mtype+ "手机品牌：" + mtyb + "手机号码" + numer);}

获取手机品牌

/** * 得到手机品牌 * @return */public static String getPhoneBrand() {return android.os.Build.BOARD;}

得到手机品牌之后，我们就在创建溢出菜单的时候进行判断：

1. 如果是魅族手机，则加载自定义菜单

2. 如果不是，则使用系统的溢出菜单，加载菜单内容

@Overridepublic void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {// Inflate the menu; this adds items to the action bar if it is present.super.onCreateOptionsMenu(menu, inflater);String brand = PhoneUtils.getPhoneBrand();if ("mx4pro".equals(brand)) {inflater.inflate(R.menu.overflow_menu, menu);} else {inflater.inflate(R.menu.main, menu);}}

溢出菜单文件

/res/menu/main.xm

<menu xmlns:android="http://schemas.android.com/apk/res/android" >        <item            android:id="@+id/menu_hotest"            android:orderInCategory="100"            android:showAsAction="never"            android:title="@string/menu_hotest"/>        <item            android:id="@+id/menu_lastest"            android:orderInCategory="100"            android:showAsAction="never"            android:title="@string/menu_lastest"/></menu>

自定义的菜单文件

/res/menu/overflow_menu.xml

<?xml version="1.0" encoding="utf-8"?><menu xmlns:android="http://schemas.android.com/apk/res/android" >    <item        android:id="@+id/menu_overflow"        android:icon="@drawable/ic_more"        android:orderInCategory="100"        android:showAsAction="always"        android:title="@string/menu_overflow">    </item></menu>

自定义菜单就直接给它设置一个actionbar的按钮，图标是那三个点

我们在选中菜单的时候执行我们的业务逻辑

@Overridepublic boolean onOptionsItemSelected(MenuItem item) {switch (item.getItemId()) {case R.id.menu_overflow:popupOverflowMenu();return true;case R.id.menu_lastest:type = "latest";break;case R.id.menu_hotest:type = "hotest";break;default:break;}return super.onOptionsItemSelected(item);}

如果是魅族mx4pro手机，就弹出我们的自定义菜单，下面是实现：

/** * 弹出自定义溢出菜单 */public void popupOverflowMenu() {// 显示溢出菜单的时候设置背景半透明setWindowAlpha(0.5f); // 获取状态栏高度Rect frame = new Rect();getActivity().getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);// 状态栏高度 frame.topint xOffset = frame.top + getActivity().getActionBar().getHeight() - 25; // 减去阴影宽度，适配UIint yOffset = Dp2Dx(getActivity(), 8f); // 设置x方向offset为5dpView parentView = getActivity().getLayoutInflater().inflate(R.layout.fragment_portfolio, null);View popView = getActivity().getLayoutInflater().inflate(R.layout.action_overflow_menu, null);// popView即popupWindow布局PopupWindow popupWindow = new PopupWindow(popView, LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, true);// 必须设计BackgroundDrawable后setOutsideTouchable(true)才会有效。这里在XML中定义背景，所以这里为nullpopupWindow.setBackgroundDrawable(new ColorDrawable(0000000000));popupWindow.setFocusable(true);popupWindow.setOutsideTouchable(true); // 点击外部关闭popupWindow.setAnimationStyle(android.R.style.Animation_Dialog);// 设置Gravity,让它显示在右上角popupWindow.showAtLocation(parentView, Gravity.RIGHT | Gravity.TOP, yOffset, xOffset);popupWindow.setOnDismissListener(new OnDismissListener() {@Overridepublic void onDismiss() {// popupWindow消失时，设置为全透明setWindowAlpha(1f);}});}/** * 设置屏幕透明度 * @param alpha */private void setWindowAlpha(float alpha) {WindowManager.LayoutParams lp = getActivity().getWindow().getAttributes();  lp.alpha = alpha; //0.0-1.0  getActivity().getWindow().setAttributes(lp);}public int Dp2Dx(Context context, float dp) {final float scale = context.getResources().getDisplayMetrics().density;return (int) (dp * scale + 0.5f);}

这里就是通过自定义pupupwindow，指定popupwindow的xml布局，这个自己来定，根据父布局来显示popupwindow的位置,当popupwindow显示的时候，设置屏幕为半透明，监听它的消失事件，消失的时候，设置屏幕为全透明效果。最终实现适配魅族手机，这里是小巫想到的一个解决方案，有更好的方法，可以留言交流一下。