Creación de toolbar y gui

¿Cómo se configuran controles básicos en Unity con GUI y GUILAYOUT?

Para quienes buscan personalizar la interfaz gráfica de usuario (GUI, por sus siglas en inglés) en Unity, explorar cómo trabajar con controles básicos es esencial. En este contenido, se describen los pasos fundamentales para utilizar el sistema GUI y el sistema GUILAYOUT, ambos potentes herramientas que proporcionan a los desarrolladores flexibilidad y control sobre sus aplicaciones.

¿Cómo se utilizan las RECs para posicionar elementos?

Las RECs nos permiten definir posiciones específicas dentro de la pantalla. Para ilustrar, podemos crear cuatro cajas (o botones) en las cuatro esquinas de la pantalla, utilizando coordenadas precisas. Siguiendo estos pasos, podremos visualizar contenido fijo en diversas partes del interfaz.

// Definiendo una REC en la esquina superior izquierda
Rect topLeft = new Rect(0, 0, 100, 50);
GUI.Box(topLeft, "Arriba Izquierda");

// Definiendo una REC en la esquina inferior izquierda
Rect bottomLeft = new Rect(0, Screen.height - 50, 100, 50);
GUI.Box(bottomLeft, "Abajo Izquierda");

// Definiendo una REC en la esquina superior derecha
Rect topRight = new Rect(Screen.width - 100, 0, 100, 50);
GUI.Box(topRight, "Arriba Derecha");

// Definiendo una REC en la esquina inferior derecha
Rect bottomRight = new Rect(Screen.width - 100, Screen.height - 50, 100, 50);
GUI.Box(bottomRight, "Abajo Derecha");

¿Qué diferencias hay al usar GUI y GUILAYOUT?

El sistema GUI de Unity requiere posicionar elementos directamente utilizando coordenadas, mientras que GUILAYOUT se encarga automáticamente del layout sin necesidad de precisar ubicaciones exactas, aunque ambos sistemas no se pueden mezclar fácilmente, ya que se dibujan de manera independiente.

Para ilustrarlo, aquí se crea un botón empleando GUILAYOUT, que se colocará automáticamente donde encuentra espacio:

// Creando un botón con GUI Layout
if (GUILayout.Button("Botón GUILAYOUT"))
{
    Debug.Log("Botón presionado");
}

¿Cómo se decide entre GUI y GUILAYOUT?

Tras entender las diferencias entre GUI y GUILAYOUT, podemos utilizar un toolbar para alternar entre los dos métodos según la preferencia del desarrollador. Este enfoque nos introduce a cómo implementar controles que facilitan la transición entre ambos sistemas.

// Definiendo una variable para el toolbar
int currentIndex = 0;

// Array con las opciones del toolbar
string[] toolbarOptions = new string[] { "GUI", "GUILAYAT" };

// Construcción del toolbar en el centro de la pantalla
Rect toolbarRect = new Rect(Screen.width / 2 - 50, Screen.height / 2 - 12.5f, 200, 25);

// Crear el toolbar y asignar su valor de retorno
currentIndex = GUI.Toolbar(toolbarRect, currentIndex, toolbarOptions);

// Utilizar el valor para modificar la interfaz
switch (currentIndex)
{
    case 0:
        // Código para mostrar GUI
        break;
    case 1:
        // Código para mostrar GUILAYOUT
        break;
}

Este contenido muestra cómo combinar elementos gráficos en Unity de manera eficaz, optimizando el uso de GUI y GUILAYOUT, gracias a la flexibilidad en la disposición de elementos en pantalla. Al explorar estas técnicas, los desarrolladores ganarán mayor control sobre sus interfaces gráficas, mejorando así la experiencia del usuario final. ¡Continúa explorando las capacidades de Unity para seguir aprendiendo y mejorando tus habilidades como desarrollador!