Unity UGUI LayoutRebuilder自動(dòng)重建布局介紹及使用

更新時(shí)間：2023年07月31日 14:14:20 作者：AlianBlank

這篇文章主要為大家介紹了Unity UGUI LayoutRebuilder自動(dòng)重建布局介紹及使用,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

Unity UGUI的LayoutRebuilder的介紹及使用

1. 什么是LayoutRebuilder？

LayoutRebuilder是Unity UGUI中的一個(gè)組件，用于自動(dòng)重建布局。它可以根據(jù)UI元素的變化，自動(dòng)調(diào)整其子元素的位置和大小，以保持布局的一致性。

2. LayoutRebuilder的工作原理

LayoutRebuilder通過遍歷UI元素的子元素，根據(jù)子元素的布局參數(shù)和約束條件，計(jì)算出子元素的位置和大小。然后，它會(huì)根據(jù)這些計(jì)算結(jié)果，調(diào)整子元素的位置和大小，以保持布局的一致性。

3. LayoutRebuilder的常用屬性

transform: 獲取或設(shè)置要重建布局的UI元素的Transform組件。
layoutRebuildRect: 獲取或設(shè)置要重建布局的UI元素的RectTransform組件。

4. LayoutRebuilder的常用函數(shù)

ForceRebuildLayoutImmediate(): 強(qiáng)制立即重建布局。
MarkLayoutForRebuild(): 標(biāo)記布局為需要重建。

5. 完整例子代碼

例子1：自動(dòng)調(diào)整子元素的位置和大小

using UnityEngine;
using UnityEngine.UI;
public class Example1 : MonoBehaviour
{
    public LayoutGroup layoutGroup;
    private void Start()
    {
        // 在布局發(fā)生變化時(shí)，調(diào)用ForceRebuildLayoutImmediate()函數(shù)
        layoutGroup.transform.GetComponent<RectTransform>().ForceRebuildLayoutImmediate();
    }
}

操作步驟：

將Example1腳本掛載到一個(gè)UI元素上。
將要重建布局的UI元素的LayoutGroup組件賦值給layoutGroup變量。
運(yùn)行游戲，布局會(huì)自動(dòng)調(diào)整子元素的位置和大小。

注意事項(xiàng)：

在布局發(fā)生變化時(shí)，需要手動(dòng)調(diào)用ForceRebuildLayoutImmediate()函數(shù)。

例子2：標(biāo)記布局為需要重建

using UnityEngine;
using UnityEngine.UI;
public class Example2 : MonoBehaviour
{
    public LayoutGroup layoutGroup;
    private void Start()
    {
        // 標(biāo)記布局為需要重建
        layoutGroup.transform.GetComponent<RectTransform>().MarkLayoutForRebuild();
    }
}

操作步驟：

將Example2腳本掛載到一個(gè)UI元素上。
將要重建布局的UI元素的LayoutGroup組件賦值給layoutGroup變量。
運(yùn)行游戲，布局會(huì)自動(dòng)調(diào)整子元素的位置和大小。

注意事項(xiàng)：

標(biāo)記布局為需要重建后，布局會(huì)在下一幀自動(dòng)重建。

例子3：獲取布局的計(jì)算結(jié)果

using UnityEngine;
using UnityEngine.UI;
public class Example3 : MonoBehaviour
{
    public LayoutGroup layoutGroup;
    private void Start()
    {
        // 獲取布局的計(jì)算結(jié)果
        Rect layoutRect = layoutGroup.transform.GetComponent<RectTransform>().rect;
        Debug.Log("Layout Rect: " + layoutRect);
    }
}

操作步驟：

將Example3腳本掛載到一個(gè)UI元素上。
將要獲取布局計(jì)算結(jié)果的UI元素的LayoutGroup組件賦值給layoutGroup變量。
運(yùn)行游戲，控制臺(tái)會(huì)輸出布局的計(jì)算結(jié)果。

注意事項(xiàng)：

獲取布局的計(jì)算結(jié)果需要在布局重建后進(jìn)行。

例子4：自定義布局參數(shù)

using UnityEngine;
using UnityEngine.UI;
public class Example4 : MonoBehaviour
{
    public LayoutGroup layoutGroup;
    public float spacing = 10f;
    private void Start()
    {
        // 自定義布局參數(shù)
        layoutGroup.spacing = spacing;
        layoutGroup.transform.GetComponent<RectTransform>().ForceRebuildLayoutImmediate();
    }
}

操作步驟：

將Example4腳本掛載到一個(gè)UI元素上。
將要自定義布局參數(shù)的UI元素的LayoutGroup組件賦值給layoutGroup變量。
設(shè)置spacing變量為所需的間距。
運(yùn)行游戲，布局會(huì)按照自定義的布局參數(shù)進(jìn)行調(diào)整。

注意事項(xiàng)：

自定義布局參數(shù)需要在布局重建前進(jìn)行。

例子5：動(dòng)態(tài)添加子元素后重建布局

using UnityEngine;
using UnityEngine.UI;
public class Example5 : MonoBehaviour
{
    public LayoutGroup layoutGroup;
    public GameObject prefab;
    private void Start()
    {
        // 動(dòng)態(tài)添加子元素
        GameObject newElement = Instantiate(prefab, layoutGroup.transform);
        newElement.transform.SetAsLastSibling();
        // 重建布局
        layoutGroup.transform.GetComponent<RectTransform>().ForceRebuildLayoutImmediate();
    }
}

操作步驟：