Seleccions de botons d'anime per facilitar-ne la comprensió

Pàgina actualitzada :
Data de creació de la pàgina :

Entorn de verificació

Windows
  • Finestres 11
Editor d'unitat
  • 25.3.2020

Requisits previs per a aquest consell

Els següents paràmetres s'han fet amb antelació com a requisit previ per a l'explicació d'aquests consells.

referència

Al principi

Si se selecciona un botó, per defecte serà una mica més fosc.

Tot i això, pot ser confús, de manera que podeu canviar el color de la selecció a l'inspector.

Aquí, ens agradaria que el botó aparegués més gran quan se selecciona el botó com a element addicional. Quan el botó es fa més gran, també afegeix un moviment com augmentar gradualment l'anime.

Col·locació de botons

Col·loqueu els botons normalment. Tingueu en compte que els botons seran més grans, així que deixeu una breu pausa.

Configurar l'anime

Amb el botó seleccionat, Button canvieu "Transició" per "Anime" del component.

A continuació, apareixerà un botó anomenat "Generar animació automàticament", així que feu-hi clic.

Apareixerà el diàleg Desa el controlador d'anime. La ubicació és arbitrària, però aquesta vegada es desarà a la mateixa carpeta Scenes que l'escena. El nom del fitxer és ButtonSelected .

En el projecte es creen els següents fitxers: El tipus d'anime està relacionat amb el comportament del botó.

Mostra la finestra d'anime.

Seleccioneu el botó per al qual acabeu de generar l'anime.

A continuació, s'habilitarà el contingut de la pestanya d'anime, així que seleccioneu del tipus Selected d'anime .

Feu clic al botó Grava. Si canvieu cada valor de l'inspector en aquest estat, es registrarà com a paràmetre durant l'anime.

En aquest estat, Rect Transform definiu l'escala de components a 1.25 .

Per cert, el color del component també s'estableix en blau clar com a Image color en seleccionar.

Quan hàgiu acabat, feu clic al botó de gravació per aturar-lo. Podeu veure que l'escala i Image.Color estan definides.

Executeu el joc i intenteu que es mogui. Crec que es pot veure que l'escala i el color canvien mentre que l'anime quan es selecciona el botó.

La configuració de l'anime es desarà a la creació ButtonSelected.controller anterior , de manera que Si voleu aplicar el mateix anime a altres botons, podeu adjuntar aquest fitxer al botó i aplicar la mateixa animació.

No oblideu fer les transicions d'anime.

Canviar l'hora de l'anime

El temps de funcionament predeterminat de l'anime que creeu s'estableix en 0.25 segons. Que això sigui aviat o tard o just pot dependre de la persona.

Si voleu canviar l'hora d'aquest anime, podeu fer-ho seguint els passos següents.

Feu doble clic al controlador d'anime (ButtonSelected.controller) que heu creat a partir del projecte.

La pestanya d'anime està seleccionada i es mostra la pantalla següent, de manera que seleccioneu la línia que Any State connecta i Selected .

Si amplieu la configuració de l'inspector, hi ha un "interval (s) de transició", de manera que aquesta vegada configureu-lo 0.1 a .

Comproveu si l'anime és cada vegada més ràpid.