企业官网建设流程全解析

1.UGUI与用户实现交互的基本原理

当用户触摸/点击屏幕的时候，会从屏幕接触的那个点，从相机发射一条射线，如果射线中途有UI元素会阻挡射线（Raycast Target），则会根据实际情况执行UI交互的行为。

我们可以根据这个原理去逐个排查问题。

2.检查Canvas的Event Camera是否设置正确

这一步排查主要针对处于世界空间的Canvas（即Canvas的Render Mode设置为World Space），如果你的Button处于世界空间的Canvas内，请检查是否有给Canvas设置相机。

3.检查Button是否被翻转

UI射线只能命中Button的正面，而无法命中反面。检查Button的Rect Transform的Rotation参数是否让Button翻转了。

4.检查Canvas身上是否有Graphic Raycaster组件

有了该组件，Canvas及其内部的UI元素才能接收到UI射线。

这里有一个参数Ignore Reverse Graphics，意思就是“忽略翻转图形”，对应了我说的第3点。

5.检查Button以及父对象是否被启用

有时候问题往往都是最低级的错误，例如你的按钮没有被启用（enable），或者你把可交互（interactable）给关闭了，又或者是这个按钮的父物体本身没有被启用。

6.给Button添加一个可以接收UI射线的组件

如果你的按钮只有Button组件，一般是无法被点击的，最好的办法是再添加一个Image组件。

7.检查Button前面是否有其它东西遮挡了它

UI射线一旦在路径上命中了一个可以被命中的目标，就不会再“穿透”命中了。

在Canvas里，排列在越靠下的UI越显示在前面，比如像下面这样，有一个Image排在了Button的下面，如果这个Image的位置和尺寸刚好遮挡了按钮，且这个Image的Raycast Target参数是被启用的，那么在运行的时候，点击按钮是不会有任何反应的。

8.检查Button是否正确添加了侦听事件

无论你是在脚本里动态添加对Button的OnClick事件侦听，还是在Inspector窗口中手动添加OnClick时要执行的函数，都记得检查一下你是否真的添加了事件侦听。

9.检查是否添加了Event System

只要你的场景里要实现UI交互，那么在场景中必须要有一个Event System对象（只需要一个就可以了）。

你还可以通过查看Event Sytem运行的时候在Inspector下方的信息变化来检查UI射线的命中情况（如果没有，可以按住下方的双横线向上拉起）。