Interfaz de usuario

*Este contenido se traduce usando la IA (Beta) y puede contener errores. Para ver esta página en inglés, haz clic en aquí.

Puedes crear rápidamente interfaces gráficas de usuario de alta calidad con requisitos de programación mínimos utilizando objetos de interfaz de usuario integrados de.Dependiendo de dónde lo crees, la interfaz de usuario se renderiza en pantalla o dentro del mundo 3D de una experiencia.

UI en la pantalla On-screen UI

Contenedores en la pantalla contienen objetos de interfaz de usuario que desea mostrar en la pantalla de un usuario.Todos los objetos y código de interfaz de usuario en la pantalla se almacenan y cambian en el cliente.

Interfaz de usuario en experiencia

Contenedores en la experiencia como SurfaceGuis y BillboardGuis contienen objetos de interfaz de usuario que desea mostrar dentro del mundo 3D de su experiencia.

Objetos de UI

La mayoría de los elementos de interfaz de usuario son GuiObjects , objetos de interfaz gráfica de 2D que puedes asignar a contenedores.Los cuatro más comunes son marcos , etiquetas , botones y objetos de entrada de texto.

ObjetoDescripción
MarcoFrames actúa como contenedores para otros objetos de interfaz de usuario. Cuando manipulas marcos, también manipulas los objetos que contienen.
EtiquetaTextLabel y ImageLabel objetos te permiten mostrar texto y imágenes personalizables.
BotónTextButton y ImageButton objetos permiten a los usuarios solicitar una acción.
Entrada de textoTextBox los objetos permiten que los usuarios ingresen texto.

Al usar las propiedades , , y , tienes control completo sobre cómo posicionar , tamaño y capa .También puedes usar transición para transitar suavemente de un estado a otro y proporcionar retroalimentación visual opinión.

Diseño y maquetación

Además de las propiedades básicas para ajustar la posición y el tamaño, Roblox también proporciona estructuras de diseño como lista/flex y cuadrícula , así como modificadores de tamaño y modificadores de apariencia .

UIListLayout para secuencias de elementos horizontales o verticales

Marcos interactivos

Además de los objetos de interfaz de usuario del núcleo , los siguientes marcos proporcionan interactividad integrada y personalizable para sus experiencias.

Indicaciones de proximidad

Las solicitudes de proximidad son objetos de interfaz de usuario integrados únicos que solicitan la interacción del usuario para activar una acción cuando se acercan a objetos de experiencia como puertas, interruptores de luz y botones.

Detectores de arrastrado de interfaz de usuario

Detectores de arrastrado de interfaz de usuario facilitan y alientan la interacción con elementos de interfaz de usuario 2D como deslizadores, giradores y más.

Detectores de arrastre 3D

Detectores de arrastre 3D alientan la interacción física con objetos 3D en una experiencia, como abrir puertas y cajones, deslizar una parte alrededor, agarrar y lanzar una bola de boliche, retroceder y disparar una escopeta, y mucho más.