到目前为止，UGUI组件功能还很局限，这就需要开发者自己动手实现某些开发需求。UGUI中的组件（以按钮Button为例）默认响应事件的区域为整个UI元素区域，我们也可以自定义精灵某些特定区域用来响应事件。
我们知道所有UI都有Image组件，其中有RaycastTarget属性，勾选该属性为true则表示运行时UI精灵会响应相应交互事件，这套UGUI（包括NGUI）是通过射线检测实现的交互响应，那么我们可以通过添加可编辑碰撞器的方式，修改Image默认检测区域：
现在我们想要点击按钮中间三角形区域按钮才有效，需要删除Button原有Image组件，接着为按钮Button添加PolygonCollider2D组件：
点击EditCollider编辑该多边形碰撞器，
接着我们添加一个C#类：CustomButtonArea，该类继承自Image,我们查看Image中原生方法，发现有如下内容：
完整代码截图如下：
我们重写了Image中一个返回值为Bool的是否为射线检测区域的方法，
为Button添加自定义类，运行unity,我们发现整个按钮只有点击中间三角形区域按钮才有响应。