Skip to content

Mask组件

TIP

这是 Unity UGUI 的 Mask 遮罩组件。它的作用是:用父 UI 的图形范围去裁剪子 UI,只显示子物体落在父物体范围内的部分

image-20260713205142467

Unity_UI_Mask_Inspector_Expanded_Guide

截图里的字段

显示遮罩图形:对应英文 Show Mask Graphic

勾选时:遮罩物体自己的 Image / Graphic 也会显示出来。 不勾选时:遮罩物体本身不显示,但仍然会裁剪子物体。

比如做圆形头像时,通常结构是:

c
AvatarMask
 ├─ Image + Mask
 └─ AvatarImage

AvatarMask 负责裁剪,AvatarImage 是真正显示的头像。 如果你不想看到父物体那张遮罩图,就取消 显示遮罩图形

常见用途

头像裁剪:圆形头像、圆角头像。 Scroll View:Viewport 裁掉超出范围的 Content。 小地图:只显示窗口内的地图区域。 背包格子:限制图标显示范围。 弹窗内容:隐藏越界图片或装饰。

生效条件

Mask 所在对象通常需要有 ImageRaw Image 或其他 Graphic 组件。 被裁剪的 UI 必须是 Mask 对象的子物体。 裁剪形状来自父物体的 Graphic,比如 Image 的形状和透明度。 它只影响显示效果,不会改变子物体真实尺寸和位置。

Mask 和 Rect Mask 2D 区别

Mask:按图形形状裁剪,适合圆形、异形、Alpha 形状。 Rect Mask 2D:按矩形范围裁剪,性能通常更轻,适合普通列表和 Scroll View。

一句话记:Mask 就是父 UI 开了一个窗口,子 UI 只有在窗口里的部分能被看见。

参考:Unity 官方 UGUI Mask 文档:Mask | Unity UI

文章评价

读完这篇,留下你的看法

暂无审核通过的评价。

登录账号后才能评价。

本站访客数0总站访问量0本页访问量0