`
modabobo
  • 浏览: 502344 次
文章分类
社区版块
存档分类
最新评论

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 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显示的时候,设置屏幕为半透明,监听它的消失事件,消失的时候,设置屏幕为全透明效果。最终实现适配魅族手机,这里是小巫想到的一个解决方案,有更好的方法,可以留言交流一下。




分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics