Los widgets son elementos de la interfaz de usuario que puedes añadir o eliminar en la IU.
Las siguientes secciones describen todos los widgets que puedes utilizar para crear tu IU personalizada en Verse.
Lienzo
Un lienzo es un widget contenedor. Puedes colocar otros widgets en el lienzo utilizando ranuras del lienzo para diseñar una IU. Cuando hay un widget de lienzo en la parte superior de la jerarquía de la IU, representa toda la pantalla.
Puedes anidar un widget de lienzo dentro de otro, pero el widget de lienzo raíz es el único que abarcará toda la pantalla.
Para ver ejemplos sobre cómo crear un widget de lienzo y cómo colocar widgets en la pantalla, consulta Cómo colocar widgets en la pantalla.
Botón
Hay tres tipos de widgets de botón que puedes añadir a tu IU. La diferencia entre ellos es solo cosmética.
IU | Código de Verse |
---|---|
![]() |
|
![]() |
|
![]() |
|
Consulta Cómo hacer que los widgets sean interactivos para saber cómo hacer interacciones con los botones.
Bloque de color
Puedes crear un widget en el que definas su color y opacidad mediante el widget color_block.

Widget := color_block:
DefaultColor := NamedColors.CornflowerBlue
DefaultOpacity := 1.0
DefaultDesiredSize := vector2{X := 128.0, Y := 128.0}
Imagen
Puedes añadir imágenes a tu IU utilizando una textura asignada al widget texture_block.

Widget := texture_block:
DefaultImage := MyTexture
DefaultDesiredSize := vector2{X := 128.0, Y := 128.0}
Para saber cómo exponer tus texturas de UEFN en el código de Verse, consulta Cómo exponer recursos de UEFN en Verse.
Control deslizante
Puedes añadir controles deslizantes para que un jugador pueda establecer valores en un intervalo predefinido. La propiedad de tamaño del paso es lo que cambia el valor en un mando o teclado, pero no afecta al tamaño del paso para un jugador que utilice un ratón para cambiar el valor.

Widget := slider_regular:
DefaultValue := 5.0
DefaultMinValue := 0.0
DefaultMaxValue := 10.0
DefaultStepSize := 0.5
Consulta Cómo hacer que los widgets sean interactivos para saber cómo hacer interacciones con los controles deslizantes.
Texto
Para mostrar texto en tu IU, utiliza el bloque de texto.

TextForUI<localizes> : message = "Esto es un texto."
Widget := text_block{DefaultText := TextForUI}
Superposición
Puedes apilar widgets uno encima de otro mediante un widget de superposición. Los widgets se muestran en el orden en que especifiques las ranuras de superposición.

En el ejemplo siguiente, primero se representa el bloque de color y, a continuación, el bloque de texto encima del bloque de color. Si intercambiaras el orden de las ranuras de superposición (donde el bloque de texto está primero), el bloque de color se representaría sobre el bloque de texto, ocultando el texto.
TextForUI<localizes>(InText : string) : message = "{InText}"
Widget := overlay:
Slots := array:
overlay_slot:
Widget := color_block:
DefaultColor := NamedColors.MintCream
DefaultOpacity := 1.0
DefaultDesiredSize := vector2{X := 1024.0, Y := 128.0}
overlay_slot:
Widget := text_block:
DefaultText := TextForUI("Este es mi bloque de texto superpuesto a un bloque de color.")
Caja apilable
Puedes apilar widgets vertical u horizontalmente utilizando un widget de caja apilable.
Orientación vertical | Orientación horizontal |
---|---|
![]() |
![]() |
|
|