Unity3D NGUI蒙版效果实现方法

Unity3D NGUI蒙版效果实现方法

之前在做项目过程中需要用到类似Flash中蒙板效果的功能，虽然是个很简单的功能点，但发现网上缺很难找到相关介绍，所以在这里为大家节省一些研究时间，讲一下如何使用NGUI实现蒙版效果。

第一步：创建一个UIPanel

第二步：在UIPanel下面创建一个UITexture



第三步：给UITexture附一个材质图片



第四步：选中UIPanel，如果只需要方形的遮罩蒙版效果，则可将UIPanel的Cliping属性改为Soft Clip，如下图。遮罩范围可直接在编辑器中拖动紫色方框调整大小，也可在Cliping选项下面的Size处设置遮罩区域大小及位置。Softness选项为遮罩边缘透明过度区域宽度。



如果遮罩区域需要特定的不规则形状，则UIPanel的Cliping选项可选则Texture Mask选项，即材质蒙版。通过判断赋给UIPanel的材质的Alpha值来为Texture做遮罩处理。如下图。



当然，这里的UITexture只是为了介绍蒙版功能，其实任何UIPanel下面的的显示对象都会被遮罩处理，如下图。



需要注意的是材质遮罩是循环平铺的，而Soft Clip方形遮罩是没有循环效果的。如下图。