Unity界面UGUI遮挡的问题

Posted 2021-01-17 jaxesz

解决方法：

在使用Unity的UGUI时候，重叠的UI控件可能会导致某一个控件点击失败，如下图：

在前面的图片挡住了后面的Button，导致后面的Button无法触发点击事件，此时只要把图片的Image组件的Raycast Target的勾选取消即可解决遮挡的问题：

原理：

鼠标点击屏幕实际上是以点击的点为原点，发射一条垂直屏幕向里的射线，然后通过射线与第一个物体的相交来判断是否点击到该物体。取消了Raycast Target选项表明不作为射线相交的对象，则不会挡住后面的Button