Los botones son GuiObjects que permiten a los usuarios realizar una acción.Puedes personalizar botones para proporcionar contexto y opinión, como cambiar la apariencia visual o programar comentarios audibles cuando un usuario hace clic en un botón.
Hay dos tipos de botones que puedes colocar en la pantalla o en la experiencia :
Un TextButton es un rectángulo con texto que activa el evento Activated al hacer clic/tocar.
Un ImageButton es un rectángulo con una imagen que activa el evento Activated al hacer clic/tocar.Presenta estados adicionales para intercambiar la imagen al pasar el pulsaro presionar el usuario.
Crear botones en la pantalla
Los botones en una pantalla son útiles para guiar rápidamente a los usuarios a varios menús o páginas.
Para agregar un botón a la pantalla:
En la ventana Explorador , seleccione StarterGui y agregue un ScreenGui .
Pase el mouse sobre StarterGui y haga clic en el botón ⊕. Se muestra un menú contextual.
Inserta un ScreenGui .
Seleccione el nuevo ScreenGui y agregue un botón.
Pase el mouse sobre ScreenGui y haga clic en el botón ⊕. Se muestra un menú contextual.
Inserte un TextButton o ImageButton .
Crear botones en las caras de las piezas
Los botones en una parte son útiles para permitir que los usuarios interactúen con las partes. Por ejemplo, puedes permitir que los usuarios pisen un botón para completar una acción.
Para agregar un botón al frente de una parte:
En la ventana Explorador , seleccione la parte y agregue un SurfaceGui .
Pase el cursor sobre la parte y haga clic en el botón ⊕. Se muestra un menú contextual
Inserta un SuperficieGui .
Seleccione el nuevo SurfaceGui y agregue cualquier tipo de botón o entrada.
Pase el mouse sobre SurfaceGui y haga clic en el botón ⊕. Se muestra un menú contextual.
Inserte un TextButton o ImageButton .
Si no ves el botón, prueba elegir una cara diferente en la propiedad Cara del SurfaceGui.
Cambiar la apariencia de un botón de imagen
Cambiar la apariencia de un ImageButton cuando un usuario interactúa con él proporciona un valioso opiniónvisual.Por ejemplo, cuando un ImageButton cambia la apariencia visual cuando un usuario lo pasa por encima, le permite al usuario saber que no está deshabilitado y que tiene la opción de hacer clic en él si quiere realizar esa acción ImageButton.
Un ImageButton tiene tres propiedades para cambiar su aspecto, lookvisual:
Image - La imagen que se muestra cuando un usuario no interactúa con el ImageButton .
HoverImage - La imagen que se muestra cuando un usuario pasa el cursor sobre el ImageButton .
PressedImage - La imagen que se muestra cuando un usuario hace clic en el ImageButton .
Para cambiar la apariencia de un ImageButton con la entrada del usuario:
Añade un botón de imagen a una pantalla o a una superficie.
En la ventana Explorador , haga clic en el objeto ImageButton .
En la ventana Propiedades , asigna tres ID de activo diferentes para las propiedades Imagen , HoverImage y Imagen presionada .
Botones de script
Puedes programar una acción cuando un usuario presiona un botón conectando el botón a un evento GuiButton.Activated .Por ejemplo, cuando padres el siguiente LocalScript a un botón, el botón cambia a un color aleatorio cada vez que un usuario lo hace clic.
local button = script.Parent
local RNG = Random.new()
local function onButtonActivated()
-- aleatorizar el color del botón
button.BackgroundColor3 = Color3.fromHSV(RNG:NextNumber(), 1, 1)
end
button.Activated:Connect(onButtonActivated)