Unity教學 EP.6｜UI基礎介紹：Button、Text、Canvas 一次學會

每個遊戲幾乎都有UI介面：開始畫面、分數顯示、重新開始按鈕等等。這集我們從最基本的 UI 元素開始教起。

一、UI 元件的世界：Canvas

UI 的顯示都會掛在 Canvas 下。當你新增第一個 UI 元件時（如Button），Unity會自動幫你產生一個 Canvas。

Canvas 有三種 Render Mode：

• Screen Space - Overlay（預設）：UI固定在畫面上
• Screen Space - Camera：UI跟著攝影機走
• World Space：UI是世界的一部分，會被遮擋、轉動
• 
  

二、文字 Text

建立方式：Hierarchy → UI → Text（Legacy）或 Text - TextMeshPro

建議使用TextMeshPro，字體清晰又有豐富效果。若出現導入視窗，請點「Import TMP Essentials」。

調整文字大小、對齊、顏色都能直接在 Inspector 裡完成。

三、按鈕 Button

建立方式：Hierarchy → UI → Button

按鈕預設包含文字，點選 Button → OnClick() 可以指定按下按鈕時執行的函式。

例如掛上一個控制腳本 UIManager.cs：

csharp
複製編輯
public class UIManager : MonoBehaviour
{
    public void OnStartGame()
    {
        Debug.Log("開始遊戲！");
    }
}

然後拖拉該物件到 Button 的 OnClick() 欄位，選擇對應方法即可。

四、UI擺放技巧

• 記得切換至「2D視角」來調整UI位置
• 使用「Anchor」來固定UI相對位置（如固定在右下角）
• 可加上 Canvas Scaler 讓UI適應不同解析度