Skip to content

NOTE

这是 Unity UGUI 的 Rect Mask 2D 矩形遮罩组件。它的作用是:用父 UI 的矩形范围裁剪子 UI,超出矩形的内容会被隐藏。最常见的位置就是 Scroll ViewViewport

image-20260713205633007

Unity_UI_RectMask2D_Inspector_Expanded_Guide

截图里的字段

填充 Padding:控制裁剪矩形四条边的偏移。 左 / 右 / 顶部 / 底部 都是 0,表示直接使用当前 RectTransform 的完整矩形范围裁剪。

柔和度 Softness:控制裁剪边缘是否柔和。 X 表示水平方向边缘柔和度,Y 表示垂直方向边缘柔和度。 截图中 X = 0Y = 0,表示硬裁剪,边缘不会渐隐。

Rect Mask 2D 常见用途

Scroll ViewViewport:隐藏滚动内容超出窗口的部分。 聊天列表、任务列表、排行榜、背包列表。 横向滑动菜单、普通矩形窗口内容裁剪。

和 Mask 的区别

Rect Mask 2D:只能按矩形裁剪,不需要 Image,性能更好,适合列表和滚动区域。 Mask:按 Graphic / Image 的形状裁剪,适合圆形头像、异形遮罩、Alpha 形状遮罩。

代码示例

c
using UnityEngine;
using UnityEngine.UI;

public class RectMaskExample : MonoBehaviour
{
    public RectMask2D rectMask;

    void Start()
    {
        rectMask.padding = new Vector4(0, 0, 0, 0);
        rectMask.softness = new Vector2Int(0, 20);
    }
}

注意:代码里的 padding 顺序是:

new Vector4(left, bottom, right, top)

一句话记:Rect Mask 2D 是矩形裁剪器,普通列表和 Scroll View 优先用它;圆形、异形、Alpha 裁剪再用 Mask。

参考:Unity 官方文档:RectMask2D | Unity UI

文章评价

读完这篇,留下你的看法

暂无审核通过的评价。

登录账号后才能评价。

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