Botões são GuiObjects que permitem que os usuários executem uma ação. Você pode personalizar botões para fornecer contexto e comentário/retorno, como alterar a aparência visual ou scripting feedback audível quando um usuário clica em um botão.
Existem dois tipos de botões que você pode colocar on-screen ou in-experience :
Um TextButton é um retângulo com texto que desencadeia o evento Activated ao clicar/tocar.
Um ImageButton é um retângulo com uma imagem que gera o evento Activated no clique/toque. Ele possui estados adicionais para trocar a imagem no hover ou pressionar do usuário.
Criando Botões na Tela
Botões em uma tela são úteis para guiar rapidamente os usuários para vários menu ou página.
Para adicionar um botão à tela:
Na janela Explorer , selecione StarterGui e adicione um ScreenGui .
Passe o mouse sobre StarterGui e clique no botão ⊕. Um menu contextual será exibido.
Inserir um ScreenGUI .
Selecione o novo ScreenGUI e adicione um botão.
Passe o mouse sobre ScreenGUI e clique no botão ⊕. Um menu contextual será exibido.
Escreva um Botão de Texto ou Botão de Imagem .
Criando Botões nos Rostos das Peças
Botões em uma parte são úteis para permitir que os usuários interajam com a parte. Por exemplo, você pode permitir que os usuários pisem em um botão para completar uma ação.
Para adicionar um botão ao rosto de uma peça:
Na janela Explorer , selecione a parte e adicione um SuperfícieGui .
Passe o mouse sobre a parte e clique no botão ⊕. Um menu contextual será exibido.
Inserir um SurfaceGui .
Selecione o novo SurfaceGui e adicione qualquer tipo de botão ou entrada.
Passe o mouse sobre SurfaceGui e clique no botão ⊕. Um menu contextual será exibido.
Escreva um Botão de Texto ou Botão de Imagem .
Se você não ver o botão, tente escolher um rosto diferente na propriedade Rosto do SuperfícieGui.
Alterando a Aparência de um Botão de Imagem
Alterar a aparência de um ImageButton quando um usuário interage com ele fornece comentário/retornovisual útil. Por exemplo, quando um ImageButton muda a aparência visual quando um usuário passa o mouse sobre ele, ele permite que o usuário saiba que não está desativado e que tem a opção de clicar nele se quiser executar essa ação de ImageButton
Um ImageButton tem três propriedades para alterar sua aparência visual:
Image - A imagem que é exibida quando um usuário não está interagindo com o ImageButton.
HoverImage - A imagem que é exibida quando um usuário está passando o mouse sobre o ImageButton .
PressedImage - A imagem que é exibida quando um usuário clica no ImageButton .
Para alterar a aparência de um ImageButton com entrada do usuário:
Adicione um Botão de Imagem a uma tela ou uma superfície.
Na janela Explorer , clique no Objeto ImageButton .
Na janela Propriedades , atribua três IDs de propriedade diferentes para a Imagem , HoverImage e 1>PressadoImage1> propriedades.
Botões de Script
Você pode criar uma ação quando um usuário pressiona um botão conectando o botão a um evento GuiButton.Activated. Por exemplo, quando você vincula o seguinte LocalScript a um botão, o botão muda para uma cor aleatória a cada vez que um usuário o clica.
local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
-- randomize a cor do botão
button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)