文字與圖片按鈕

按鈕 是 GuiObjects，允許用戶執行一個動作。您可以自定義按鈕以提供上下文和反饋，例如在用戶點擊按鈕時更改視覺外觀或 腳本 可聽見的反饋。

有兩種類型的按鈕可以放置在 屏幕上 或 體驗中：

• TextButton 是一個帶有文字的矩形，點擊/輕觸時觸發 Activated 事件。

• ImageButton 是一個帶有圖片的矩形，點擊/輕觸時觸發 Activated 事件。它具有額外的狀態，用於在用戶懸停或按壓時更換圖片。

在螢幕上創建按鈕

螢幕上的按鈕對於快速引導用戶到各種菜單或頁面非常有用。

要將按鈕添加到螢幕上：

1. 在 Explorer 窗口中，選擇 StarterGui 並添加 ScreenGui。

   1. 將滑鼠懸停在 StarterGui 上並點擊 ⊕ 按鈕。會顯示上下文菜單。

   2. 插入 ScreenGui。

2. 選擇新的 ScreenGui 並添加一個按鈕。

   1. 將滑鼠懸停在 ScreenGui 上並點擊 ⊕ 按鈕。會顯示上下文菜單。

   2. 插入 TextButton 或 ImageButton。

   

在部件面上創建按鈕

部件上的按鈕對於允許用戶與部件互動非常有用。例如，您可以讓用戶踩在按鈕上以完成一個動作。

要將按鈕添加到部件的面上：

1. 在 Explorer 窗口中，選擇 part 並添加 SurfaceGui。

   1. 將滑鼠懸停在 part 上並點擊 ⊕ 按鈕。會顯示上下文菜單。

   2. 插入 SurfaceGui。

2. 選擇新的 SurfaceGui 並添加任何類型的按鈕或輸入。

   1. 將滑鼠懸停在 SurfaceGui 上並點擊 ⊕ 按鈕。會顯示上下文菜單。

   2. 插入 TextButton 或 ImageButton。

   

   如果您看不到按鈕，請嘗試在 SurfaceGui 的 Face 屬性中 選擇不同的面。

更改 ImageButton 的外觀

當用戶與 ImageButton 互動時，改變其外觀可以提供有用的視覺反饋。例如，當用戶將滑鼠懸停在 ImageButton 上時，它的外觀變化，可以讓用戶知道它沒有被禁用，並且他們可以選擇點擊它以執行該 ImageButton 動作。

ImageButton 有三個屬性可以改變其視覺外觀：

• Image - 用戶未與 ImageButton 互動時顯示的圖片。

• HoverImage - 用戶將滑鼠懸停在 ImageButton 上時顯示的圖片。

• PressedImage - 用戶點擊 ImageButton 時顯示的圖片。

要根據用戶輸入更改 ImageButton 的外觀：

1. 將 ImageButton 添加到 螢幕 或 表面。

2. 在 Explorer 窗口中，點擊 ImageButton 物件。

3. 在 Properties 窗口中，為 Image、HoverImage 和 PressedImage 屬性分配三個不同的資產 ID。

腳本按鈕

您可以在用戶按下按鈕時通過將按鈕連接到 GuiButton.Activated 事件來編寫動作的腳本。例如，當您將以下 LocalScript 作為按鈕的父級時，按鈕每次被用戶點擊時會變成隨機顏色。

local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
	-- 隨機化按鈕顏色
	button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)