自定义Dialog点击弹框外的区域无法关闭问题

最近在实现一个自定义Dialog时，产品要求点击弹框外的区域要能够关闭Dialog，本来以为很简单的，只需一行代码

setCanceledOnTouchOutside(true);

就解决了嘛，结果呢，不！管！用！
好吧，既然出了问题，那就找找原因吧。
自定义Dialog的布局文件很简单，就是一个ListView，一个取消按钮，代码如下：

 
  android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:id="@+id/dialog_root"
 android:orientation="vertical"
 android:padding="10dp">
 
 




    

 
 

 

既然点击Dialog区域外无反应，那么就要看看，点击的部分是不是确实不属于Dialog呢？
首先，在AndroidStudio工具栏里找到Android Device Monitor(如下图里的小机器人图标)，点击打开。

Android Device Monitor.png

然后，选中自己的程序进程，点击Dump View按钮（如下图所示icon）

dump view.png

这时候在右侧就能看到Dialog的布局层级视图，我出现问题的dialog布局视图如下：

dialog.png

可以看到，红色框框就是Dialog的根布局，也就是说灰色透明区域仍然属于Dialog本身。而setCanceledOnTouchOutside(true)这个方法是指点击Dialog之外的屏幕区域才有效，问题就出在这儿了。

找到问题的原因，解决办法就简单了，只需要在代码里找到Dialog的根布局，然后设置点击事件，关闭Dialog就可以啦。

 findViewById(R.id.dialog_root).setOnClickListener(new View.OnClickListener(){ @Override public void onClick(View v) { dismiss(); }});
 

四不四很简单来，希望可以帮助有需要的同学~~~