Introducción
En este artículo vamos a ver cómo crear botones en Unity, configurar el diseño y asignarle una función dentro de un Script que se ejecutará al pulsarlo.
Para que un botón pueda ejecutar una función es necesario que esta función sea definida con visibilidad pública. Al pulsar un botón podemos hacer que se ejecute todo tipo de acciones, desde las mas simples como cerrar la aplicación o un conjunto de acciones tan extenso como se necesite.
Estimados internautas
En el canal hay cientos de vídeos acerca de Blender, Unity y programación
en los cuales se resuelven problemas y se aporta información útil sobre estos temas.
🍷🧐
En este vídeo creamos un botón y hacemos que ejecute una función definida en un Script
Vamos a ver de manera simplificada cómo hacer funcionar los botones del Canvas, pero si quieres entender con mayor profundidad te invito a ver este video sobre comunicación entre Scripts, en el resuelvo un ejemplo completo que involucra llamar funciones definidas en otros Scripts y también se llaman funciones utilizando botones, también puedes leer el artículo de comunicación entre scripts con más información y otro ejemplo.
Configuración de la interfaz gráfica
Antes de ver cómo usar botones del Canvas en Unity vamos a crear los elementos mínimos necesarios para poder resolver el problema.
Creación del Canvas
El Canvas es el objeto en el cuál podemos colocar elementos pertenecientes a la interfaz gráfica. Para crear un Canvas hacemos clic derecho en la jerarquía, vamos a UI y luego cliqueamos en Canvas, como se observa en la figura 1.
Antes de avanzar, recomiendo configurar el componente escalador de Canvas de acuerdo a tus necesidades, este componente se encuentra asignado al Canvas y puedes verlo en el inspector.
En mi caso voy a configurar el parámetro "UI Scale Mode" como "Scale With Screen Size" e indicar una resolución de referencia de 1920x1080, como se observa en las figuras 2 y 3.
VÍDEOS DEL CANAL CON MÁS BÚSQUEDAS
DE UNITY
DE BLENDER
Creación del botón
Ahora dentro del Canvas vamos a crear un Botón. En la jerarquía, hacemos clic derecho en el objeto Canvas, vamos a UI y elegimos la opción "Button", esto añadirá un objeto tipo Botón al Canvas.
Luego voy a crear un panel que tendrá como hijo un objeto tipo Text, ambos se pueden crear desde el mismo menú que se observa en la figura 4. En la figura 6 se ve cómo queda la interfaz gráfica para probar la acción del botón al pulsarlo.
Crear una acción para el botón
A modo de ejemplo la acción va a consistir simplemente en hacer aparecer un cartel que digaa que el botón ha sido pulsado.
Para que el botón pueda realizar alguna acción al ser pulsado, tenemos que definirla en un Script, así que vamos a crear uno haciendo clic derecho en la carpeta del proyecto, luego vamos a Create y elegimos la opción C# Script, como se observa en la figura 5.
Le damos un nombre y a continuación creamos un empty GameObject y le asignamos el Script. En la figura 5 puedes ver que he creado un empty GameObject llamado "ButtonTest".
Para describir todas las acciones que debe realizar un botón al pulsarlo creamos un método o función pública dentro del Script, en la figura 10 vemos la función llamada "MyButtonFunction".
Es muy IMPORTANTE declarar la función como PÚBLICA, sino no podremos asignarla al botón
La función se encarga de incrementar un contador llamado "buttonPressedCounter" y luego escribir un mensaje en pantalla que indique cuántas veces fue pulsado el botón. El if tuve que agregarlo porque cuando el contador vale 1, la palabra "time" va en singular.
Puedes probar este mismo ejemplo para, recuerda añadir el namespace que está en la línea 4, "UnityEngine.UI", sino no podrás acceder a la clase Text.
Vamos al inspector y colocamos el componente Text del Canvas en el campo del Script.
Ahora seleccionamos el botón y vamos a la componente Button en el inspector, aquí debemos hacer clic en el botón + del panel OnClick(), esto agregará una nueva acción cuando se produzca un evento OnClick(), es decir cuando el botón sea pulsado.
Como vemos en la figura 13, nos aparece un campo en el que podemos asignar un GameObject, aquí arrastramos desde la jerarquía, el GameObject que tiene asignado el Script con la acción. Como vemos en la figura 14, hemos arrastrado el GameObject "ButtonTest".
Luego utilizando el menú desplegable, que inicialmente dice "No Function", vamos a seleccionar primero el Script y luego la función pública que hemos creado para el botón, como se observa en la figura 15.
Cada vez que se pulsa el botón el cartel se modifica mostrando la cantidad de veces que ha sido pulsado.
Conclusión
Hemos visto cómo usar los botones del Canvas en unity. La acción debe estar programada dentro de un Script utilizando un método de programación y debe estar declarada como pública.
Luego debemos agregar un nuevo campo en el panel OnClick() del componente Button y asignar el GameObject que tiene el Script con la acción.
Finalmente, utilizando el menú desplegable en OnClick(), debemos seleccionar la función que hemos definido en el Script.
Pingback: Cómo hacer un indicador lumínico en Unity - Traum Engine