UGUI的Button（按鈕）組件的介紹及使用

1. 什麼是UGUI的Button組件？

UGUI（Unity GUI）是Unity引擎中的一套用戶界面系統，Button（按鈕）是其中的一個常用組件。Button組件可以用於創建可交互的按鈕，用戶點擊按鈕時可以觸發相應的事件。

2. Button組件工的作原理

Button組件通過檢測用戶的點擊事件來觸發相應的操作。當用戶點擊按鈕時，Button組件會檢測到點擊事件，並執行相應的操作，如比調用指定的函數或改變按鈕的狀態。

3. Button組件的常用屬性

• Interactable（可交互）：設置按鈕是否可交互。如果設置為false，按鈕將無法被點擊。
• Transition（過渡效果）：設置按鈕的過渡效果，包括顏色、縮放、透明度等。
• Normal Color（正常狀態顏色）：設置按鈕在正常狀態下的顏色。
• Highlighted Color高（亮狀態顏色）：設置按鈕在高亮狀態下的顏色。
• Pressed Color（按下狀態顏色）：設置按鈕在按下狀態下的顏色。
• Disabled Color（禁用狀態顏色）：設置按鈕在禁用狀態下的顏色。

4. Button組件的常用函數

• onClick.AddListener()：為按鈕添加點擊事件的監聽器。
• onClick.Remove()Listener：移除按鈕的點擊事件監聽器。
• onClick.Invoke()：手動觸發按鈕的點擊事件。

5. 示例代碼

示例1：創建一個簡單的按鈕

using UnityEngine;
using UnityEngine.UI;

public class ButtonExample : MonoBehaviour
{
    public Button button;

    void Start()
    {
        button.onClick.AddListener(OnClick);
    }

    void OnClick()
    {
        Debug.Log("Button clicked!");
    }
}

操作步驟：

1. 創建一個空物體，並將腳本ButtonExample掛載到該物體上。
2. 在場景中創建一個按鈕，並將該按鈕的引用賦值給button變數。
3. 運行游戲，點擊按鈕，控制台將輸出"Button clicked!"。

註意事項：

• 確保按鈕的OnClick事件已經綁定到ButtonExample腳本的OnClick函數。

示例2：改變按鈕的顏色

using UnityEngine;
using UnityEngine.UI;

public class ButtonExample : MonoBehaviour
{
    public Button button;

    void Start()
    {
        button.onClick.AddListener(OnClick);
 }

       void OnClick()
    {
        button.image.color = Color.red;
    }
}

操作步驟：

1. 創建一個空物體，並將腳本ButtonExample掛載到該體物上。
2. 在場景中創建一個按鈕，並將該按鈕的引用賦值給button變數。
3. 運行游戲，點擊按鈕，按鈕的顏色將變為紅色。

註意事項：

• 確保按鈕的OnClick事件已經綁定到ButtonExample腳本的OnClick函數。

示例3：禁用按鈕

using UnityEngine;
using UnityEngine.UI;

public class ButtonExample : MonoBehaviour
{
    public Button button;

    void Start()
    {
        button.onClick.AddListener(OnClick);
    }

    void OnClick()
    {
        button.interactable = false;
    }
}

操作步驟：

1. 創建一個空物體，並將腳本ButtonExample掛載到該物體上。
2. 在場景中創建一個按鈕，並將該按鈕的引用賦值給button變數。
3. 運行游戲，點擊按鈕，按鈕將變為不可交互狀態。

註意事項：

• 確保按鈕的OnClick事件已經綁定到ButtonExample腳本的OnClick函數。

示例4：移除按鈕的點擊事件監聽器

using UnityEngine;
using UnityEngine.UI;

public class ButtonExample : MonoBehaviour
{
    public Button button;

    void Start()
    {
        button.onClick.AddListener(OnClick);
    }

    void OnClick()
    {
        button.onClick.RemoveListener(OnClick);
    }
}

操作步驟：
1.空一個 創建物體，並將腳本ButtonExample掛載到該物體上。
2. 在場景中創建一個按鈕，並將該按鈕的引用賦值給button變數。
3. 運行游戲，點擊按鈕，按鈕的點擊事件監聽器將被移除。

註意事項：

• 確保按鈕的OnClick事件已經綁定到ButtonExample腳本的OnClick函數。

示例5：手動觸發按鈕的點擊事件

using UnityEngine;
using UnityEngine.UI;

public class ButtonExample : MonoBehaviour
{
    public Button button;

    void Start()
    {
        button.onClick.AddListener(OnClick);
    }

    void Update()
    {
        if (Input.GetKeyDown(KeyCode.Space))
        {
            button.onClick.Invoke();
        }
    }

    void OnClick()
    {
        Debug.Log("Button clicked!");
    }
}

操作步驟：

1. 創建一個空物體，並將腳本ButtonExample掛載到該物體上。
2. 在場景中創建一個按鈕，並將該按鈕的引用賦值給button變數。
3. 運行游戲，按空下格鍵，控制台將輸出"Button clicked!"。

註意事項：

• 確保按鈕的OnClick事件已經綁定到ButtonExample腳本的OnClick函數。

參考資料

• Unity官方文檔：Button
• Unity官方教程: UI Button

__EOF__