【Android寻坑之路】解决PopupWindow点击外部区域

需求描述

点击“操作指导”按钮，在其正下方弹出“产品说明书”、“操作视频”两个选项供用户选择，点击PopupWindow外的任意位置关闭弹窗。

预期效果

预期效果.gif

---

需求实现及异常问题分析

• 需求实现
  　　使用PopupWindow显示内容，通过showAsDropDown(View anchor, int xoff, int yoff)方法显示在指定按钮的正下方，使用以下代码配置来实现点击PopupWindow内容区域外任意位置关闭弹窗功能：

ColorDrawable dw = new ColorDrawable(0x4c000000);// 新建一个ColorDrawable颜色为半透明
this.setBackgroundDrawable(dw);// 设置SelectPicPopupWindow弹出窗体的背景Drawable
this.setOutsideTouchable(true);// 设置PopupWindow内容区域外的区域是否响应点击事件（true：响应；false：不响应）

问题来了！！！经过运行操作后发现，在点击外部区域PopupWindow消失的同时，点击区域下方如果刚好有View的话，还会响应它的点击事件(这里是操作指导按钮，导致该按钮事件再次触发弹出PopupWindow)！具体效果如下：

error.gif

• 异常问题分析
  先来走趟Log吧...我分别在按钮的点击事件、PopupWindow的dismiss()方法中添加了如下Log：

 // MainActivity
findViewById(R.id.main_btn_test).setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
                Log.e("MainActivity", "show popupWindow.");
                popupWindow.showAsDropDown(view, (view.getWidth() - popupWindow.getWidth()) / 2, 0);
        }
});

    // PopupWindow
    @Override
    public void dismiss() {
        super.dismiss();
        Log.e("PopupWindow", "pop dismiss.");
    }

发生上述异常问题时打印日志如下图：

error_log.png

通过日志可以看出，因为我们点击的位置下方刚好存在一个Button，在PopupWindow消失后，事件又进一步传递给了Button，从而触发了Button的点击事件导致了该问题的发生。

---

解决方法

那么我们该如何避免点击PopupWindow外部区域弹窗消失后点击事件再次向下传递呢（透传给下方的View）？
其实这个方法大多数人都用过，只是很少有人记住——我们可以通过让PopupWindow聚焦的方式，让其它子控件获取不到焦点，从而解决点击事件透传的问题，是的，只需要下面一行代码即可：

this.setFocusable(true);// 聚焦点击事件不会透传给下面的View

同时，你会发现，把this.setOutsideTouchable(true);这行代码注释掉同样能达到预期效果，源码上的逻辑分析。。。未完待续...

---

【拓展阅读】
关于PopupWindow的避坑使用，推荐阅读浅谈PopupWindow在Android开发中的使用