Mixed use of fairygui button dynamics

FairyGUI Mixed use of button dynamic effect

One 、FGUI In the design

（ One ） Import material resources

There was originally a music material , Can't lead in , You can find a similar background music online and import it by yourself .

（ Two ） Detailed design

1、 Create a new button and fine tune it

The purpose of fine-tuning is to give buttons some special effects , For example, there is a zoom effect when clicking , And there is a sound effect .

2、 Button drag in Component1 And create a new text

 Associate the text with the button , Prevent some problems in the subsequent operation .

3、 Make special effects

（1） New component


（2） Special effects production

4、 Package import Unity

Two 、Unity Code implementation in

1、 Manual display button

2、 Script code control

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

public class ButtonEffects : MonoBehaviour
{
    
    private GComponent mainUI;
    private GComponent bossCom;
    void Start()
    {
    
        mainUI = GetComponent<UIPanel>().ui;
        bossCom = UIPackage.CreateObject("Package1", "Boss").asCom;
        mainUI.GetChild("n0").onClick.Add(() => {
     PlayUI(bossCom); });  //n0 yes FGUI Medium Button1.Add() Inside is λ expression 

    }

    // 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");  //t0 yes Boss The dynamic effect of 
        t.Play(()=>
        {
    
            mainUI.GetChild("n0").visible = true;
            GRoot.inst.RemoveChild(targetCom);
        });
    }
}

Running effect ：
There is a fly in the ointment ： After clicking , The font “Boss” It can't disappear . It needs to be used FairyGUI The group inside .

3、 Create a group to republish

4、 Make some changes to the code

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

public class ButtonEffects : MonoBehaviour
{
    
    private GComponent mainUI;
    private GComponent bossCom;
    private GGroup group;
    void Start()
    {
    
        mainUI = GetComponent<UIPanel>().ui;
        group = mainUI.GetChild("n2").asGroup;
        bossCom = UIPackage.CreateObject("Package1", "Boss").asCom;
        mainUI.GetChild("n0").onClick.Add(() => {
     PlayUI(bossCom); });  
        //n0 yes FGUI Medium Button1.Add() Inside is λ expression 

    }

    // Update is called once per frame
    void Update()
    {
    
        
    }
    private void PlayUI(GComponent targetCom)
    {
    
        //mainUI.GetChild("n0").visible = false;
        group.visible = false;
        GRoot.inst.AddChild(targetCom);
        Transition t = targetCom.GetTransition("t0");  //t0 yes Boss The dynamic effect of 
        t.Play(()=>
        {
    
            //mainUI.GetChild("n0").visible = true;
            group.visible = true;
            GRoot.inst.RemoveChild(targetCom);
        });
    }
}

3、 ... and 、 The final operation effect