Botões são GuiObjects que permitem que os usuários realizem uma ação.Você pode personalizar botões para fornecer contexto e comentário/retorno, como alterar a aparência visual ou scriptar feedback audível quando um usuário clica em um botão.
Existem dois tipos de botões que você pode colocar na tela ou na experiência :
Um TextButton é um retângulo com texto que gera o evento Activated ao clicar/tocar.
Um ImageButton é um retângulo com uma imagem que gera o evento Activated ao clicar/tocar.Ele apresenta estados adicionais para trocar a imagem ao pairar ou pressionar o usuário.
Criar botões na tela
Mas os botões em uma tela são úteis para guiar rapidamente os usuários a vários menus ou páginas.
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 é exibido.
Insira um ScreenGui .
Selecione o novo ScreenGui e adicione um botão.
Passe o mouse sobre ScreenGui e clique no botão ⊕. Um menu contextual é exibido.
Insira um Botão de Texto ou Botão de Imagem .
Criar botões nas faces de peças
Os botões em uma parte são úteis para permitir que os usuários interajam com as partes. Por exemplo, você pode deixar os usuários pisarem em um botão para concluir uma ação.
Para adicionar um botão ao rosto de uma peça:
Na janela do Explorer , selecione a parte e adicione um SurfaceGui .
Passe o mouse sobre a parte e clique no botão ⊕. Um menu contextual é aberto.
Insira um SurfaceGui .
Selecione o novo SurfaceGui e adicione qualquer tipo de botão ou entrada.
Passe o mouse sobre SuperfícieGui e clique no botão ⊕. Um menu contextual é exibido.
Insira um Botão de Texto ou Botão de Imagem .
Se você não vir o botão, tente escolher um rosto diferente na propriedade Rosto do SurfaceGui.
Mude a aparência de um Botão de Imagem
Mudar a aparência de um ImageButton quando um usuário está interagindo com ele fornece um comentário/retornovisual útil.Por exemplo, quando um ImageButton altera a aparência visual quando um usuário passa por cima dele, ele permite que o usuário saiba que não está desativado e que eles têm a opção de clicar nele se quiserem executar a ação 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á pairando o cursor sobre o ImageButton .
PressedImage - A imagem que é exibida quando um usuário clica no ImageButton .
Para alterar a aparência de um ImageButton com a entrada do usuário:
Adicione um Botão de Imagem a uma tela ou a uma superfície.
Na janela Explorer , clique no Objeto ImageButton .
Na janela Propriedades , atribua três IDs de recurso diferentes para as propriedades Imagem , HoverImage e PressedImage .
Botões de script
Você pode scriptar uma ação quando um usuário pressiona um botão conectando o botão a um evento GuiButton.Activated .Por exemplo, quando você parente o seguinte LocalScript para um botão, o botão muda para uma cor aleatória sempre que um usuário clica nele.
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)