需求描述
点击“操作指导”按钮，在其正下方弹出“产品说明书”、“操作视频”两个选项供用户选择，点击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开发中的使用
