技术小黑屋

修复Android中Navigation Bar遮挡PopupWindow的问题

最近遇到了一个问题,关于Navigation Bar遮挡PopupWindow的问题,问题不难,粗略做一点总结。

现象描述

  • 问题应该出现在5.0 Lollipop版本及以上
  • 遮挡的现象如下图,Navigation Bar位于了PopupWindow的上层,明显是一种问题。

Android Navigation Bar Issue

我的实现代码

1
2
3
4
5
6
7
8
private void showPopupWindow() {
    if (mPopupWindow == null) {
      View contentView = LayoutInflater.from(this).inflate(R.layout.popup_window_content, null);
          mPopupWindow = new PopupWindow(contentView, LinearLayout.LayoutParams.MATCH_PARENT,500, true);
        mPopupWindow.setBackgroundDrawable(new BitmapDrawable());
    }
    mPopupWindow.showAtLocation(findViewById(R.id.contentContainer), Gravity.BOTTOM, 0,0);
}

其实和具体的实现代码没有关系,重点是修改主题style。

修改style

修改v21/styles.xml(如没有,可以创建),将android:windowDrawsSystemBarBackgrounds修改为false

1
2
3
4
5
6
<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowDrawsSystemBarBackgrounds">false</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>

修改好的效果

Good PopupWindow

更佳的方法

感谢来自Github的网友提出了一个更优秀的方案。很简单,设置如下代码即可

1
popupWindow.setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_ADJUST_RESIZE);

注意:这个方法不会影响到状态栏的颜色改变,而第一种方法会。

demo源码

Navigation Bar Issue Demo


我的知乎 Live 推荐