Sélections de boutons d’anime pour les rendre plus faciles à comprendre

Environnement de vérification

Windows

• Fenêtres 11

Éditeur Unity

• 2020.3.25f1

Conditions préalables à cette astuce

Les réglages suivants ont été effectués à l’avance comme condition préalable à l’explication de ces conseils.

• Présentation du package système d’entrée
• Aligner la caméra (2D) avec le canevas

référence

• [Cours Unity C#] Aligner les boutons et sélectionner les touches

Au début

Si un bouton est sélectionné, il sera légèrement plus sombre par défaut.

Cependant, cela peut être déroutant, vous pouvez donc modifier la couleur de la sélection dans l’inspecteur.

Ici, nous aimerions faire apparaître le bouton plus grand lorsqu’il est sélectionné comme élément supplémentaire. Lorsque le bouton devient plus grand, il ajoute également un mouvement tel que l’augmentation progressive dans l’anime.

Placement des boutons

Placez les boutons normalement. Tenez compte du fait que les boutons seront plus grands, alors laissez une courte pause.

Configurer l’anime

Avec le bouton sélectionné, Button remplacez « Transition » par « Anime » à partir du composant.

Ensuite, un bouton appelé « Générer automatiquement l’animation » apparaîtra, alors cliquez dessus.

La boîte de dialogue Enregistrer le contrôleur d’anime s’affiche. L’emplacement est arbitraire, mais cette fois-ci, il sera enregistré dans le même dossier Scenes que la scène. Le nom du fichier est ButtonSelected .

Les fichiers suivants sont créés dans le projet : Le type d’anime est lié au comportement du bouton.

Affiche la fenêtre de l’anime.

Sélectionnez le bouton pour lequel vous venez de générer l’anime.

Ensuite, le contenu de l’onglet anime sera activé, alors sélectionnez le type Selected d’anime .

Cliquez sur le bouton Enregistrer. Si vous modifiez chaque valeur dans l’inspecteur dans cet état, elle sera enregistrée en tant que paramètre pendant l’anime.

Dans cet état, Rect Transform définissez l’échelle du composant sur 1.25 .

D’ailleurs, la couleur du composant est également définie sur le bleu clair comme couleur lors de la Image sélection.

Lorsque vous avez terminé, cliquez sur le bouton d’enregistrement pour l’arrêter. Vous pouvez voir que l’échelle et Image.Color sont définies.

Lancez le jeu et essayez de le faire bouger. Je pense que vous pouvez voir que l’échelle et la couleur changent pendant l’anime lorsque le bouton est sélectionné.

Les paramètres de l’anime seront enregistrés dans le fichier créé précédemment ButtonSelected.controller , donc Si vous souhaitez appliquer le même anime à d’autres boutons, vous pouvez joindre ce fichier au bouton et appliquer la même animation.

N’oubliez pas de faire les transitions anime.

Changer l’heure de l’anime

La durée de fonctionnement par défaut de l’anime que vous créez est de 0,25 seconde. Que ce soit tôt ou tard ou juste ce qui convient peut dépendre de la personne.

Si vous souhaitez modifier l’heure de cet anime, vous pouvez le faire en suivant les étapes ci-dessous.

Double-cliquez sur le contrôleur d’anime (ButtonSelected.controller) que vous avez créé à partir du projet.

L’onglet anime est sélectionné et l’écran suivant s’affiche, alors Any State sélectionnez la ligne de connexion et Selected .

Si vous développez les paramètres de l’inspecteur, il y a un « intervalle de transition (s) », donc cette fois-ci, réglez-le 0.1 sur .

Vérifiez si l’anime devient plus rapide.