Appearance
Mask组件
TIP
这是 Unity UGUI 的 Mask 遮罩组件。它的作用是:用父 UI 的图形范围去裁剪子 UI,只显示子物体落在父物体范围内的部分。
截图里的字段
显示遮罩图形:对应英文 Show Mask Graphic。
勾选时:遮罩物体自己的 Image / Graphic 也会显示出来。 不勾选时:遮罩物体本身不显示,但仍然会裁剪子物体。
比如做圆形头像时,通常结构是:
c
AvatarMask
├─ Image + Mask
└─ AvatarImageAvatarMask 负责裁剪,AvatarImage 是真正显示的头像。 如果你不想看到父物体那张遮罩图,就取消 显示遮罩图形。
常见用途
头像裁剪:圆形头像、圆角头像。 Scroll View:Viewport 裁掉超出范围的 Content。 小地图:只显示窗口内的地图区域。 背包格子:限制图标显示范围。 弹窗内容:隐藏越界图片或装饰。
生效条件
Mask 所在对象通常需要有 Image、Raw 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