文本和图像按钮

按钮是GuiObjects，允许用户执行一个动作。您可以自定义按钮以提供上下文和反馈，例如在用户单击按钮时更改视觉外观或脚本音频反馈。

您可以放置两种类型的按钮在屏幕上或在体验中:

• TextButton 是一个带有文本的矩形，在单击/点击时触发Activated事件。

• ImageButton 是一个带有图像的矩形，在单击/点击时触发Activated事件。它具有额外的状态以在用户悬停或按下时交换图像。

在屏幕上创建按钮

屏幕上的按钮对快速引导用户到各种菜单或页面非常有用。

要向屏幕添加按钮：

1. 在 资源管理器 窗口中，选择 StarterGui 并添加一个 ScreenGui。

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

   2. 插入一个 ScreenGui。

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

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

   2. 插入一个 TextButton 或 ImageButton。

   

在零件表面创建按钮

零件上的按钮对允许用户与零件交互非常有用。例如，您可以让用户踩在按钮上以完成一个动作。

要向零件的面添加按钮：

1. 在 资源管理器 窗口中，选择 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. 在 资源管理器 窗口中，单击 ImageButton 对象。

3. 在 属性 窗口中，分别为 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)