NGUI蒙版效果实现
发表于2018-09-12
项目中可能需要用到类似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方形遮罩是没有循环效果的。如下图。