Selecciones de botones de anime para que sean más fáciles de entender
Entorno de verificación
- Windows
-
- Windows 11
- Unity Editor
-
- 2020.3.25f1
Requisitos previos para esta sugerencia
Los siguientes ajustes se han realizado de antemano como requisito previo para la explicación de estos consejos.
referencia
Al principio
Si se selecciona un botón, será ligeramente más oscuro de forma predeterminada.
Sin embargo, puede ser confuso, por lo que puede cambiar el color de la selección en el inspector.
Aquí, nos gustaría hacer que el botón parezca más grande cuando se selecciona el botón como un elemento adicional. Cuando el botón se hace más grande, también agrega un movimiento como el aumento gradual en el anime.
Colocación de botones
Coloque los botones normalmente. Ten en cuenta que los botones serán más grandes, así que deja una breve pausa.
Configurar anime
Con el botón seleccionado, Button cambie "Transición" a "Anime" desde el componente.
Luego aparecerá un botón llamado "Generar animación automáticamente", así que haga clic en él.
Aparece el cuadro de diálogo Guardar controlador de anime.
La ubicación es arbitraria, pero esta vez se guardará en la misma carpeta Scenes que la escena.
El nombre del archivo es ButtonSelected .
En el proyecto se crean los siguientes archivos: El tipo de anime está relacionado con el comportamiento del botón.
Muestra la ventana de anime.
Selecciona el botón para el que acabas de generar el anime.
Luego, se habilitará el contenido de la pestaña de anime, así que seleccione el tipo Selected de anime .
Haga clic en el botón Grabar. Si cambias cada valor en el inspector en este estado, se registrará como un parámetro durante el anime.
En este estado, Rect Transform establezca la Escala de componentes en 1.25 .
Por cierto, el color del componente también se establece en azul claro como color al Image seleccionar.
Cuando hayas terminado, haz clic en el botón de grabación para detenerlo. Puede ver que la escala y Image.Color están establecidos.
Ejecuta el juego e intenta que se mueva. Creo que puedes ver que la escala y el color cambian durante el anime cuando se selecciona el botón.
La configuración del anime se guardará en el archivo ButtonSelected.controller creado anteriormente, por lo que
Si desea aplicar el mismo anime a otros botones, puede adjuntar este archivo al botón y aplicar la misma animación.
No te olvides de hacer las transiciones anime.
Cambiar la hora del anime
El tiempo de funcionamiento predeterminado para el anime que creas se establece en 0,25 segundos. Si esto es temprano o tarde o simplemente correcto puede depender de la persona.
Si quieres cambiar la hora de este anime, puedes hacerlo siguiendo los pasos que se indican a continuación.
Haga doble clic en el controlador de anime (ButtonSelected.controller) que creó a partir del proyecto.
Se selecciona la pestaña anime y se muestra la siguiente pantalla, así que Any State seleccione la línea de conexión y Selected .
Si expande la configuración del inspector, hay un "intervalo (s) de transición", por lo que esta vez configúrelo 0.1 en .
Comprueba si el anime se está volviendo más rápido.