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 below	private 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. 如果不是，则使用系统的溢出菜单，加载菜单内容

@Override	public 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的按钮，图标是那三个点

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

	@Override	public 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.top		int xOffset = frame.top + getActivity().getActionBar().getHeight() - 25; // 减去阴影宽度，适配UI		int yOffset = Dp2Dx(getActivity(), 8f); // 设置x方向offset为5dp		View 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中定义背景，所以这里为null		popupWindow.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() {						@Override			public 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显示的时候，设置屏幕为半透明，监听它的消失事件，消失的时候，设置屏幕为全透明效果。最终实现适配魅族手机，这里是小巫想到的一个解决方案，有更好的方法，可以留言交流一下。