UI

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

Puede crear rápidamente interfaces de usuario gráficas de alta calidad con requisitos de scripting mínimos usando objetos de UI incorporados. Dependiendo de dónde lo cree, la interfaz de usuario renderiza en la pantalla o dentro del mundo 3D de una experiencia .

Interfaz de usuario en pantalla

Los contenedores en pantalla contienen objetos de UI que desea mostrar en la pantalla de un usuario. Todos los objetos y códigos de UI en pantalla se almacenan y cambian en el cliente.

Interfaz de usuario de experiencia

Contenedores de experiencia como SurfaceGuis y BillboardGuis sostienen objetos de UI que desea mostrar dentro del mundo 3D de su experiencia.

Objetos

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

Usando las propiedades Position , Size , AnchorPoint , y ZIndex, tienes control completo sobre cómo posición , tamaño , y capaGuiObjects. También puedes usar tweening para transitar un GuiObject sin problemas de un estado a otro y proporcionar retroalimentación visual dinámica.

Marcos

Los fotogramas actúan como contenedores para otros GuiObjects como Etiquetas o Botones. Cuando manipulas fotogramas, también manipulas los objetos que contienen.

Etiquetas

Las etiquetas te permiten mostrar textos personalizables e imágenes .

Botones y entrada de texto

Los objetos de botón permiten a los usuarios solicitar una acción, mientras que los objetos de entrada de texto permiten a los usuarios ingresar texto. Puede personalizar estos objetos para proporcionar contexto y sugerencias para lo que desea que haga un usuario.

Indicaciones de Proximidad

Los mensajes de proximidad son objetos de interfaz de usuario únicos que provocan la interacción del usuario para activar una acción cuando se acercan a objetos en la experiencia, como puertas, interruptores de luz y botones.

Detectores de arrastre

Los detectores de arrastre fomentan la interacción física con objetos en una experiencia, como abrir puertas y cajones, deslizar una parte, agarrar y lanzar un balón de boliche, tirarse hacia atrás y disparar una honda, y mucho más.

Diseño y Diseño

Además de las propiedades básicas para ajustar la posición y el tamaño, Roblox también proporciona diseños, restricciones y objetos de apariencia para refinar aún más su interfaz de usuario. También puede animar la interfaz de usuario mediante la transición sin problemas entre los valores de la propiedad.

Diseño de 9 cortes

Bajo el enfoque de diseño de 9 cortes, puedes dividir un solo recurso de imagen de Roblox en nueve sub-imágenes, cada una con diferentes reglas de escala. Esto te permite crear elementos de interfaz de usuario de diferentes tamaños sin distorsionar los bordes o las esquinas.

El mismo diseño de borde utilizado en elementos de interfaz de usuario de diferentes tamaños

Marcado de texto enriquecido

UI texto enriquecido utiliza etiquetas de marcado simples para estilizar secciones de una cadena en negrita, cursiva, subrayado, color de relleno, variaciones de trazo y más. Puede aplicar etiquetas de estilo a TextLabel , TextButton y TextBox objetos.