Selezioni dei pulsanti anime per renderli più facili da capire

Pagina aggiornata :
Data di creazione della pagina :

Ambiente di verifica

Finestre
  • finestre 11
Unity Editor
  • 2020.3.25f1

Prerequisiti per questo suggerimento

Le seguenti impostazioni sono state effettuate in anticipo come prerequisito per la spiegazione di questi suggerimenti.

riferimento

Dapprima

Se è selezionato un pulsante, sarà leggermente più scuro per impostazione predefinita.

Tuttavia, può creare confusione, quindi puoi cambiare il colore della selezione nell'ispettore.

In questo caso, vorremmo fare in modo che il pulsante appaia più grande quando il pulsante viene selezionato come elemento aggiuntivo. Quando il pulsante diventa più grande, aggiunge anche un movimento come l'aumento graduale negli anime.

Posizionamento dei pulsanti

Posizionare i pulsanti normalmente. Tieni presente che i pulsanti saranno più grandi, quindi lascia una breve pausa.

Configura l'anime

Con il pulsante selezionato, Button cambia "Transizione" in "Anime" dal componente.

Quindi apparirà un pulsante chiamato "Genera automaticamente animazione", quindi fai clic su di esso.

Viene visualizzata la finestra di dialogo Salva controller anime. La posizione è arbitraria, ma questa volta verrà salvata nella stessa cartella Scenes della scena. Il nome del file è ButtonSelected .

Nel progetto vengono creati i seguenti file: Il tipo di anime è legato al comportamento del pulsante.

Visualizza la finestra dell'anime.

Seleziona il pulsante per il quale hai appena generato l'anime.

Quindi, il contenuto della scheda anime sarà abilitato, quindi seleziona dal tipo di Selected anime .

Fare clic sul pulsante Registra. Se modifichi ogni valore nell'ispettore in questo stato, verrà registrato come parametro durante l'anime.

In questo stato, Rect Transform impostate Scala componente (Component Scale) su 1.25 .

A proposito, anche il colore del componente è impostato su azzurro come colore durante la Image selezione.

Quando hai finito, fai clic sul pulsante di registrazione per interromperlo. È possibile notare che la scala e Image.Color sono impostati.

Esegui il gioco e cerca di farlo muovere. Penso che tu possa vedere che la scala e il colore cambiano durante l'anime quando viene selezionato il pulsante.

Le impostazioni dell'anime verranno salvate nel file creato ButtonSelected.controller in precedenza, quindi Se si desidera applicare lo stesso anime ad altri pulsanti, è possibile allegare questo file al pulsante e applicare la stessa animazione.

Non dimenticare di rendere anime le transizioni.

Cambia l'ora dell'anime

Il tempo di funzionamento predefinito per l'anime creato è impostato su 0,25 secondi. Che questo sia presto o tardi o giusto può dipendere dalla persona.

Se vuoi cambiare l'ora di questo anime, puoi farlo seguendo i passaggi seguenti.

Fare doppio clic sul controller anime (ButtonSelected.controller) creato dal progetto.

Viene selezionata la scheda anime e viene visualizzata la seguente schermata, quindi Any State selezionare la linea di collegamento e Selected .

Se espandi le impostazioni dell'ispettore, c'è un "intervallo di transizione", quindi questa volta impostalo 0.1 su .

Controlla se l'anime sta diventando più veloce.