文本和图像按钮

按钮 是GuiObjects，允许用户执行操动作。您可以自定义按钮提供上下文和反馈，例如 修改视觉外观或0> 脚本0>可见反馈1>。

有两种按钮，您可以放置在屏幕上或体验中：

• 一个 TextButton 是一个长方形，其内容包含文字，触发 Activated 事件。

• Class.ImageButton 是一个长方体，拥有一个图像，该图像触发了 Activated 事件。它还具有可以在用户悬按住或按下时切换图像的额外状态。

在屏幕上创建按钮

屏幕上的按钮可以让用户快速导航到各个菜单或页面。

要将按钮添加到屏幕：

1. 在 Explorer 窗口中，选择 StarterGui 并添加一个 ScreenGui。

   1. 将鼠标悬停在 StarterGui 上，单击⊕ 按钮。一个上下文菜单显示。

   2. 插入一个 屏幕游戏用户界面 。

2. 选择新的 ScreenGUI 并添加一个按钮。

   1. 将鼠标悬停在 屏幕指南 上，单击 ⊕ 按钮。一个上下文菜单显示。

   2. 插入一个 文本按钮 或 图像按钮 。

   

在零件面上创建按钮

在零件上的按钮有助于允许用户与零件互动。例如，您可以让用户踩到按钮来完成操动作。

要将按钮添加到零件的面：

1. 在 Explorer 窗口中，选择 零件 并添加一个 界面图形用户界面 。

   1. 将鼠标悬停在 零件 上，单击 ⊕ 按钮。一个上下文菜单显示。

   2. 插入一个 表面图形用户界面 。

2. 选择新的 SurfaceGui 并添加任何类型的按钮或输入。

   1. 将鼠标悬停在 表面图形用户界面 上，单击 ⊕ 按钮。一个上下文菜单显示。

   2. 插入一个 文本按钮 或 图像按钮 。

   

   如果您不看到按钮，请尝试在 面 属性的 选择不同的面。

改变图像按钮的外观

当用户与其交互时，改变 ImageButton 的外观可提供有用的视觉反馈。例如，当 ImageButton 改变视觉外观时，用户可以知道它未禁用，并且有选择点击它 if 要执行此 ImageButton。

Class.ImageButton 有三个属性可以改变其视觉外观：

• Image - 显示用户不与 ImageButton 互动时显示的图像。

• HoverImage - 显示用户将鼠标悬停在 ImageButton 上时显示的图像。

• PressedImage - 显示用户单击 ImageButton 时显示的图像。

要改变用户输入下的 ImageButton 的外观：

1. 将 图像按钮 添加到 屏幕 或 表面 。

2. 在 Explorer 窗口中，单击 ImageButton 对象。

3. 在 属性 窗口中，为 图像、悬停图像 和 2>按下图像2> 属性分配三个不同的属性 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)