文字和圖像按鈕

按鈕 是 GuiObjects 允許用戶執行操動作。您可以自訂按鈕提供上下文和反回饋，例如變更視覺外觀或 scripting 可聽見的反饋。

有兩種按鈕，您可以放置在屏幕上或體驗中：

• Class.TextButton 是一個用於點擊/點擊時觸發Activated 事件的長方形。

• Class.ImageButton 是一個用於點擊/點擊時喚動 Class.GuiButton.Activated|Activated 事件的長方形。它具有可以在用戶點擊/點按下時切換圖像的額外狀態。

在屏幕上創建按鈕

在屏幕上的按鈕是用於快速導引用戶到各個選單或頁面的用途。

要將按鈕添加到屏幕：

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

   1. 將鼠標指针擺動到 StarterGui 上，然後按一下 ⊕ 按鈕。一個上下文菜單顯示。

   2. 插入 屏幕導覽器 。

2. 選擇新的 ScreenGUI 並添加按鈕。

   1. 將鼠標指针擺動到 ScreenGUI 上，然後按一下 ⊕ 按鈕。一個上下文菜單顯示。

   2. 插入 按鈕文字 或 圖像按鈕 。

   

在零件面上創建按鈕

按鈕在零件上是用於允許用戶與零件互動的。例如，您可以讓用戶踏上按鈕以完成一個動作。

要將按鈕添加到零件的臉：

1. 在 Explorer 窗口中，選擇 零件 並添加 地面導航 。

   1. 將鼠標指针擺動到 零件 上，然後按一下 ⊕ 按鈕。一個上下文菜單顯示。

   2. 插入 地面導航 。

2. 選擇新的 地面導航 並添加任何類型的按鈕或輸入。

   1. 將鼠標指针擺動到 地面導覽器 並點擊按鈕。一個上下文菜單顯示。

   2. 插入 按鈕文字 或 圖像按鈕 。

   

   如果您看不到按鈕，請在 面 屬性的 選擇不同的臉。

變更圖像按鈕的外觀

當使用者與它交互時，變更 ImageButton 的外觀提供有用的視覺回饋。例如，當 ImageButton 改變視覺外觀時，會讓使用者知道它並非停用，並且有選擇點擊它，如果他們想執行此 ImageButton 動作。

Class.ImageButton 有三個屬性可以變更其視覺外觀：

• Image － 顯示用戶不與 ImageButton 互動時的圖像。

• HoverImage － 顯示用戶將鼠標指针指向 ImageButton 時顯示的圖像。

• PressedImage － 顯示用戶點擊 ImageButton 時顯示的圖像。

要改變使用者輸入的 ImageButton 的外觀：

1. 將 圖像按鈕 添加到 畫面 或 表面 。

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

3. 在 屬性 窗口中，為 圖像 、 暫停圖像 和 1>按下圖像1> 屬性設置三個不同的個別資產 ID。

按鈕的脚本

您可以在使用者按下按鈕連接按鈕到<a href="/reference/engine/databases">Class.GuiButton.Activated</a>事件時，將按鈕變更為隨機顏色。舉例來說，當您將<a href="/reference/engine/databases">Class.LocalScript</a>與按鈕連接時，按鈕將每次使用者點擊時變更為隨機顏色。

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