El Proyecto | Sobre nosotros | Contribuir | Donaciones | Licencia

HOME

En este tema, aprenderemos cómo manejar eventos en la interfaz de usuario (UI) de Unity. Los eventos UI son interacciones del usuario con los elementos de la interfaz, como hacer clic en botones, mover deslizadores, o ingresar texto en campos de entrada. Unity proporciona un sistema robusto para manejar estos eventos de manera eficiente.

Conceptos Clave

Eventos UI: Acciones que el usuario realiza en la interfaz, como clics, toques, y arrastres.
Event System: El sistema de Unity que gestiona y distribuye eventos UI.
Componentes de Eventos: Scripts y componentes que responden a eventos específicos, como Button, Toggle, Slider, etc.
Delegados y Listeners: Mecanismos para suscribirse y responder a eventos.

Configuración del Sistema de Eventos

Unity utiliza un objeto llamado EventSystem para gestionar los eventos UI. Este objeto se crea automáticamente cuando añades un elemento UI a tu escena.

Paso 1: Crear un Canvas y un Botón

Crear un Canvas:
- Ve a GameObject > UI > Canvas. Esto creará un objeto Canvas en tu escena.
Añadir un Botón:
- Con el Canvas seleccionado, ve a GameObject > UI > Button. Esto añadirá un botón al Canvas.

Paso 2: Configurar el Botón para Manejar Eventos

Seleccionar el Botón:
- En el Inspector, verás un componente Button (Script).
Añadir un Listener al Botón:
- En el componente Button, hay una sección llamada On Click ().
- Haz clic en el botón + para añadir un nuevo listener.
- Arrastra el objeto que contiene el script que manejará el evento al campo vacío.

Paso 3: Crear un Script para Manejar el Evento

Crear un Script:
- Crea un nuevo script en la carpeta Assets/Scripts llamado ButtonHandler.cs.
Escribir el Script:

using UnityEngine;
using UnityEngine.UI;

public class ButtonHandler : MonoBehaviour
{
    public void OnButtonClick()
    {
        Debug.Log("Botón clicado!");
    }
}

Asignar el Método al Listener:
- Con el botón seleccionado, en el campo On Click (), selecciona el objeto que contiene el script ButtonHandler.
- En el menú desplegable, selecciona ButtonHandler > OnButtonClick.

Ejemplo Completo

using UnityEngine;
using UnityEngine.UI;

public class ButtonHandler : MonoBehaviour
{
    public Button myButton;

    void Start()
    {
        // Asegúrate de que el botón esté asignado en el Inspector
        if (myButton != null)
        {
            myButton.onClick.AddListener(OnButtonClick);
        }
    }

    void OnButtonClick()
    {
        Debug.Log("Botón clicado!");
    }
}

En este ejemplo, el método OnButtonClick se llama cada vez que el botón es clicado. El método AddListener se usa para suscribirse al evento onClick del botón.

Ejercicio Práctico

Ejercicio 1: Manejar Eventos de un Slider

Crear un Slider:
- Ve a GameObject > UI > Slider.
Crear un Script:
- Crea un nuevo script llamado SliderHandler.cs.
Escribir el Script:

using UnityEngine;
using UnityEngine.UI;

public class SliderHandler : MonoBehaviour
{
    public Slider mySlider;
    public Text valueText;

    void Start()
    {
        if (mySlider != null)
        {
            mySlider.onValueChanged.AddListener(OnSliderValueChanged);
        }
    }

    void OnSliderValueChanged(float value)
    {
        if (valueText != null)
        {
            valueText.text = "Valor del Slider: " + value.ToString("0.00");
        }
    }
}

Asignar el Script y Configurar el Slider:
- Asigna el script SliderHandler a un objeto en la escena.
- Arrastra el Slider y un Text al script en el Inspector.
- El texto se actualizará cada vez que el valor del slider cambie.

Solución del Ejercicio

using UnityEngine;
using UnityEngine.UI;

public class SliderHandler : MonoBehaviour
{
    public Slider mySlider;
    public Text valueText;

    void Start()
    {
        if (mySlider != null)
        {
            mySlider.onValueChanged.AddListener(OnSliderValueChanged);
        }
    }

    void OnSliderValueChanged(float value)
    {
        if (valueText != null)
        {
            valueText.text = "Valor del Slider: " + value.ToString("0.00");
        }
    }
}

Resumen

En esta lección, hemos aprendido cómo manejar eventos UI en Unity utilizando el sistema de eventos y componentes como Button y Slider. Hemos visto cómo suscribirnos a eventos y cómo responder a ellos mediante scripts. Estos conceptos son fundamentales para crear interfaces de usuario interactivas y responsivas en tus juegos.

En la próxima lección, exploraremos cómo crear menús y HUDs (Heads-Up Displays) para mejorar la experiencia del usuario en tus juegos.

Manejo de Eventos UI

Conceptos Clave

Configuración del Sistema de Eventos

Paso 1: Crear un Canvas y un Botón

Paso 2: Configurar el Botón para Manejar Eventos

Paso 3: Crear un Script para Manejar el Evento

Ejemplo Completo

Ejercicio Práctico

Ejercicio 1: Manejar Eventos de un Slider

Solución del Ejercicio

Resumen

Curso de Unity

Módulo 1: Introducción a Unity

Módulo 2: Programación Básica en Unity

Módulo 3: Trabajando con Activos

Módulo 4: Física y Colisiones

Módulo 5: Interfaz de Usuario (UI)

Módulo 6: Audio en Unity

Módulo 7: Programación Avanzada

Módulo 8: Física Avanzada e IA

Módulo 9: Optimización y Rendimiento

Módulo 10: Publicación y Más Allá