Affichage du changement de valeur du Buff de gain de l'interface graphique de défaillance

FairyGUIGainBUFFAffichage des changements de valeur

Cliquez ici pour télécharger le matériel

Un.、FGUIFonctionnement dans

1、Importer des ressources

2、Créer deux polices bitmap et une animation

（1）addValuePolice bitmap

（2）attackValuePolice bitmap

（3）FireAnimation

3、 Nouvelle police et arrière - plan

Vous pouvez ensuite ajouter une animation de cadre de séquence à droite , Quand la puissance de combat augmente , Que la flamme clignote .Comme le montre la figure ci - dessous：

4、 Ajouter un effet dynamique

（1） Avant d'ajouter un effet dynamique , Ajouter d'abord le Groupe , Ce serait plus pratique pour un traitement ultérieur .
Sélectionner tout,Tiens bon.Ctrl+G,Groupe de frappe, Et sélectionnez le groupe avancé


（2） Ajouter un effet dynamique



Quelques petits détails peuvent également être ajoutés , Même la flamme a besoin d'effets spéciaux . Nous voulons que lorsque les valeurs des joueurs changent , C'est - à - dire quand la puissance de combat augmente , Pour que la flamme apparaisse , Ça veut dire plus fort .

（1） Tout d'abord, repositionnez l'axe de la flamme , Changez son opacité en 0

（2） Retour à l'édition dynamique , Essayez de faire des effets spéciaux par vous - même ,Aucune exigence spécifique

（3） Faites quelques petits changements

5、Faire des boutons

 Augmenter la valeur numérique en cliquant sur le bouton .

（1）Importer du matériel


（2）Nouveau composant, Pour contrôler l'affichage du bouton , C'est la scène principale （Panneau principal）


（3）Nouveau bouton


（4） Faites glisser le bouton dans Component1Dans le composant

6、Packaging Publishing

2.、UnityFonctionnement dans

1、Afficher les boutons

2、Script

Attention!：Nécessité d'introduireDOTween.dllBibliothèque,Il faut d'abordUnity Recherche dans le magasin de ressources de “dotween”, Importer après téléchargement ,AvantC#Introduire dans le scriptusing DG.Tweening;Espace de noms pour.

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using FairyGUI;
using DG.Tweening;

public class ZengYiBUFF : MonoBehaviour
{
    
    private GComponent mainUI;  //Seigneur.UI
    private GComponent addValueCom;  // Composants à valeur ajoutée 
    private float startValue;  //Valeur finale
    private float endValue; //Valeur de départ
    
    void Start()
    {
    
        mainUI = GetComponent<UIPanel>().ui;  //Obtenir le maîtreUI
        addValueCom = UIPackage.CreateObject("Package1", "AddValue").asCom;
        //.asComTourne - le.GComponentType
        addValueCom.GetTransition("t0").SetHook("AddValue", AddAttackValue);  //ParamètresFGUI L'événement auquel l'étiquette ajoutée correspond à l'image clé 
        mainUI.GetChild("n0").onClick.Add(() => {
     PlayUI(addValueCom); });  // Enregistrer les événements d'écoute pour le bouton 
        // Définissez son statut d'étiquette 
    }

    // Update is called once per frame
    void Update()
    {
    

    }
    
    private void PlayUI(GComponent targetCom)
    {
    
        mainUI.GetChild("n0").visible = false;
        GRoot.inst.AddChild(targetCom);
        Transition t = targetCom.GetTransition("t0");// Définir les associations d'effets dynamiques 
        startValue = 10000;
        int add = Random.Range(1000, 3000);
        endValue = startValue + add;
        addValueCom.GetChild("n2").text = startValue.ToString();
        addValueCom.GetChild("n4").text = add.ToString();
        t.Play(() =>
        {
    
            mainUI.GetChild("n0").visible = true;
            GRoot.inst.RemoveChild(targetCom);
        }
        );
    }
    
    /// <summary>
    /// Cette méthode consiste à convertir la puissance de combat actuelle de 10000Ajouter à12000,
    ///Nécessité d'introduireusing DG.TweeningEspace de noms（Unity Téléchargement dans le magasin de ressources ）
    /// </summary>
    private void AddAttackValue()
    {
    
        DOTween.To(() => startValue, x => {
     addValueCom.GetChild("n2").text = Mathf.Floor(x).ToString(); }, endValue, 0.3f).SetEase(Ease.Linear).SetUpdate(true);
    }
}

3、Effets de fonctionnement