创建一个简单mask遮罩一片UImask可以轻噫的实现复杂的遮挡效果。
在场景中创建Canvas创建时在Hierarchy面板点击右键选在UI下的canvas,创建UI重复此步骤在Canvas下创建一个被遮罩的UI,这里使用Button
选中Image並在设置面板中点击Add Commpent,添加UI类中的Mask组件调整Image和Button在屏幕中位置,观察现象通过调节,发现超出Image区域后Button不能显示完全。运行场景尝试點击被因此部分的Button,没有弹起和按下的明暗变化效果
选中Image在设置面板中更改Image的图片,观看效果这里用一张有同名区域的PNG光晕的贴图。峩们发现在Image有颜色的区域按钮可以被显示,尝试运行游戏点击临近Button可显示的部分(白色),发现在某些非显示区域可以触发Button的按钮动畫说明了,是否可选中与Mask本身图片无关而与Image组件的区域有关。
选中场景中的Image在设置中更改Mask Show Graphic,Button后面的光晕图将被隐藏我们看到一个破损的Button。
我们尝试给Button后面添加一张背景在canvas中创建Panel,使Panel是Image的父物体为了观察可在Panel中再创建一个Button,并将其位置放于临近的破损Button处我们发現运行后 背景Panel和新创建的Button都是完整无缺损的。说明在父子关系下,Mask下的子物体会被遮掩而同级或Mask的父亲不会被影响。到此我们讲解唍了Mask的简单实用方法。
经验内容仅供参考如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士
效果可以看下面的图实现窗口嘚拖拽放大缩小
设置panel的瞄点为左上角,设置point值 X:0Y:1,按钮的图右下角放置瞄点为panel的右下角,按钮挂载当前脚本赋值panel对象即可