Cocos Creator开发小游戏————利用Sprite精灵节点完成遮罩层

Cocos Creator开发小游戏————利用Sprite精灵节点完成遮罩层

需求：为UI节点设置背景遮罩，以防止点击穿透，但是不想影响画面中所有节点的显示。

方法：为交互节点增加一个空白的sprite精灵节点，然后随便传入一张纯色图，然后图片颜色看需求自己调整为白色/黑色，透明度尽量调低

例如：1节点为空白Spritej节点，2为交互需要的Btn节点

重点：为遮罩Bg节点添加UI 组件里的BlockInputEvents 组件，组件描述如下图，具体定义参考官方文档：

至此，遮罩功能就实现了，在层级管理器里，只有Bg节点下面的节点是可交互的（层级管理器里面越靠下层级越高，即是下方节点覆盖上方节点），通过调整Bg节点的位置就能管理你需要遮罩的UI节点了。