技术小黑屋

修复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 推荐

我将要在知乎上进行我的第二场 Live,题为《我学安卓的那些套路》,来分享我学习安卓的经验与心得。覆盖的内容如下:

  • Android 需要打好哪些编程基础?
  • 除了编程基础,我们还需要补充哪些能力?
  • 作为 Android 程序员,如何把握好技术的宽度和深度?
  • Android 每块知识学到什么程度,怎么做到?
  • 如何从日常的工作中获取最大的收益?
  • Android 那么多库,我该选择哪些,怎么学,学到什么程度?
  • 对于初学者或大学生的建议有哪些?

如果你想听一听我的经验或者有疑惑,欢迎参与。

参与地址:https://www.zhihu.com/lives/802899577341620224