Sistema de UI de Unity

La Interfaz de Usuario (UI) en Unity se refiere a los elementos gráficos con los que los jugadores interactúan en un juego o aplicación. La UI juega un papel crítico en guiar a los usuarios a través de la experiencia, proporcionando retroalimentación y permitiendo varias acciones.

Esenciales de UI en Unity

Unity proporciona un sistema de UI dedicado equipado con herramientas y componentes diseñados para la creación de UI. Los componentes clave incluyen Canvas, que actúa como un contenedor para elementos de UI, y componentes de UI preconstruidos como botones, campos de texto e imágenes. Estos elementos pueden ser fácilmente organizados y estilizados usando la interfaz del editor de Unity.

Creando UI en Unity

Para crear una UI en Unity, navega al Hierarchy, luego presiona el botón izquierdo del ratón. Después de eso, selecciona UI.

Tendremos una lista de todos los elementos de UI que podemos crear, desde texto hasta imagen y botones. Discutiremos más sobre esos elementos y cómo manipularlos en las próximas lecciones. Pero ahora tomemos un pequeño ejemplo de cómo manipular un texto con script.

Manipulando texto con script

Seleccionemos textMeshPro de esa lista.

Se creará un nuevo texto para nosotros en el juego.

Nota

Si Unity te pide implementar los elementos esenciales de TMP, por favor acepta.

Si hacemos clic en el texto, todos sus componentes se mostrarán en el inspector, y podemos manipularlos manualmente.

Agreguemos el script de prueba al objeto y escribamos este código.

using TMPro
Esta línea es una declaración de importación que permite que el script use clases y funciones del espacio de nombres TextMeshPro(TMP). TMP es un paquete de Unity para renderizado de texto avanzado.

[SerializeField] TMP_Text myText
Esta línea declara un campo serializado llamado "myText" de tipo TMP_Text. Los campos serializados son accesibles en el Editor de Unity, lo que significa que puedes asignarles valores en el Inspector de Unity.

myText.text = "test"
Esta línea establece la propiedad de texto del componente TMP_Text "myText" en la cadena "test". Ahora, si iniciamos el juego, el texto se modificará a "test".