Unity UGUI的RectMask2D（2D遮罩）組件的介紹及使用

1. 什麼是RectMask2D組件？

RectMask2D是Unity UGUI中的一個組件，用於實現2D遮罩效果。它可以限制子對象在指定的矩形區域內顯示，超出區域的部分將被遮罩隱藏。

2. RectMask2D的工作原理

RectMask2D組件通過裁剪子對象的渲染區域來實現遮罩效果。它使用一個矩形區域作為遮罩範圍，只有在該範圍內的子對象才會被顯示出來。

3. RectMask2D的常用屬性

• Show Mask Graphic: 是否顯示遮罩的圖形，可以用於調試遮罩範圍。
• Softness: 遮罩邊緣的柔化程度，值越大邊緣越柔化。
• Padding: 遮罩範圍與子對象之間的邊距。

4. RectMask2D的常用函數

• PerformClipping(): 執行裁剪操作，將子對象的渲染區域限制在遮罩範圍內。

5. 完整例子代碼

例子1：基本使用

using UnityEngine;
using UnityEngine.UI;

public class Example : MonoBehaviour
{
    public RectMask2D rectMask;

    private void Start()
    {
        rectMask.enabled = true;
    }
}

操作步驟：

1. 創建一個空物體，並添加RectMask2D組件。
2. 將需要被遮罩的子對象作為該物體的子對象。
3. 將RectMask2D組件拖拽到Example腳本的rectMask變數上。
4. 運行游戲，子對象將只在遮罩範圍內顯示。

例子2：動態調整遮罩範圍

using UnityEngine;
using UnityEngine.UI;

public class Example : MonoBehaviour
{
    public RectMask2D rectMask;
    public RectTransform maskRect;

    private void Update()
    {
        rectMask.rectTransform.sizeDelta = maskRect.sizeDelta;
    }
}

操作步驟：

1. 創建一個空物體，並添加RectMask2D組件。
2. 將需要被遮罩的子對象作為該物體的子對象。
3. 創建一個UI元素，作為遮罩範圍的參考。
4. 將RectMask2D組件拖拽到Example腳本的rectMask變數上。
5. 將遮罩範圍的RectTransform組件拖拽到Example腳本的maskRect變數上。
6. 運行游戲，遮罩範圍將根據參考元素的大小動態調整。

例子3：遮罩範圍內的交互

using UnityEngine;
using UnityEngine.UI;

public class Example : MonoBehaviour
{
    public RectMask2D rectMask;
    public Button button;

    private void Start()
    {
        button.onClick.AddListener(OnButtonClick);
    }

    private void OnButtonClick()
    {
        Debug.Log("Button Clicked!");
    }
}

操作步驟：

1. 創建一個空物體，並添加RectMask2D組件。
2. 將需要被遮罩的子對象作為該物體的子對象。
3. 創建一個Button，並將其作為子對象。
4. 將RectMask2D組件拖拽到Example腳本的rectMask變數上。
5. 將Button組件拖拽到Example腳本的button變數上。
6. 在OnButtonClick函數中添加自定義的交互邏輯。
7. 運行游戲，只有在遮罩範圍內點擊按鈕才會觸發交互。

例子4：遮罩範圍內的滾動視圖

using UnityEngine;
using UnityEngine.UI;

public class Example : MonoBehaviour
{
    public RectMask2D rectMask;
    public ScrollRect scrollRect;

    private void Start()
    {
        scrollRect.enabled = true;
    }
}

操作步驟：

1. 創建一個空物體，並添加RectMask2D組件。
2. 將需要被遮罩的子對象作為該物體的子對象。
3. 創建一個ScrollRect，並將其作為子對象。
4. 將RectMask2D組件拖拽到Example腳本的rectMask變數上。
5. 將ScrollRect組件拖拽到Example腳本的scrollRect變數上。
6. 運行游戲，可以在遮罩範圍內滾動視圖。

例子5：遮罩範圍內的動畫效果

using UnityEngine;
using UnityEngine.UI;

public class Example : MonoBehaviour
{
    public RectMask2D rectMask;
    public Animator animator;

    private void Start()
    {
        animator.enabled = true;
    }
}

操作步驟：

1. 創建一個空物體，並添加RectMask2D組件。
2. 將需要被遮罩的子對象作為該物體的子對象。
3. 創建一個Animator，並將其作為子對象。
4. 將RectMask2D組件拖拽到Example腳本的rectMask變數上。
5. 將Animator組件拖拽到Example腳本的animator變數上。
6. 創建動畫效果併在遮罩範圍內播放。

註意事項

• RectMask2D組件只能作用於UGUI的子對象。
• 遮罩範圍的大小和位置可以通過RectTransform組件進行調整。
• 遮罩範圍的形狀可以通過修改遮罩物體的形狀來實現。

參考資料

• Unity官方文檔：RectMask2D

__EOF__