Los botones son Class.GuiObject|GuiObjects que permiten a los usuarios realizar una acción. Puedes personalizar los botones para proporcionar contexto y opinión, como cambiar la apariencia visual o GuiObjects feedback audible 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/toque. Tiene estados adicionales para intercambiar la imagen al usuario cuando el mouse o la pulsarestán activados.
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 Explorer , 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 cursor sobre ScreenGUI y haga clic en el botón ⊕. Se muestra un menú contextual.
Inserta un TextButton o ImageButton .
Crear botones en caras de parte
Los botones en una parte son útiles para permitir que los usuarios interactúen con las partes. Por ejemplo, puede permitir que los usuarios pisen en un botón para completar una acción.
Para agregar un botón a la cara 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 SuperficieGui y agregue cualquier tipo de botón o entrada.
Pase el mouse sobre SuperficieGui y haga clic en el botón ⊕. Se muestra un menú contextual.
Inserta un TextButton o ImageButton .
Si no ves el botón, intenta elegir una cara diferente en la propiedad Cara del SuperficieGui.
Cambiar la apariencia de un Botón de Imagen
Cambiar la apariencia de un ImageButton cuando un usuario interactúa con él proporciona un opiniónvisual útil. Por ejemplo, cuando un ImageButton cambia la apariencia visual cuando un usuario pasa el cursor sobre él, le permite al usuario saber que no está deshabilitado y que tiene la opción de hacer clic si desea 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 está interactuando 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 entrada del usuario:
Añade un Botón de Imagen a una pantalla o una superficie.
En la ventana Explorador , haz clic en el objeto ImageButton .
En la ventana Propiedades , asigna tres ID de propiedad diferentes para la Imagen , HoverImage y 1>PresionaImagen1> propiedades.
Botones de programación
Puedes scriptar una acción cuando un usuario presiona un botón conectando el botón a un evento GuiButton.Activated . Por ejemplo, cuando padre 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)