NGUI蒙版效果实现

发表于2018-09-12
评论0 3.5k浏览
项目中可能需要用到类似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方形遮罩是没有循环效果的。如下图。

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

标签: