Combination of fairygui check box and progress bar

FairyGUI Combination of check box and progress bar

One 、 preparation

1、 New package ProgressBar

 You can create a new package based on the previous case .

2、 New component

3、 Import material

Click here to download the material

Two 、 Progress bar

1、 New progress bar

2、 Fine tune the progress bar

3、 Progress bar running animation

In order to make the progress bar less monotonous , You can add an animation to it . When making the progress bar stretch , The squirrel moves to the right as the progress bar increases . That is, there is such an effect of running with , It looks more vivid .

Set correlation

3、 ... and 、 A drop-down box

1、 Create a new drop-down box

2、 Set the drop-down box

3、 The drop-down box completes the effect

Four 、 Packaging releases

5、 ... and 、Unity It shows that

6、 ... and 、 coded

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

public class ProgressBar : MonoBehaviour
{
    
    private GComponent mainUI;
    private GProgressBar progressBar;
    private GComboBox comboBox;
    void Start()
    {
    
        mainUI = GetComponent<UIPanel>().ui;
        progressBar = mainUI.GetChild("n0").asProgress;
        progressBar.TweenValue(100, 5);  //100 Is the progress to be loaded ,5 It takes time 
        comboBox = mainUI.GetChild("n4").asComboBox;
        comboBox.onChanged.Add(SetCompleteTime);
    }

    private void SetCompleteTime()
    {
    
        progressBar.value = 0;  // Each reload sets its progress to 0
        progressBar.TweenValue(100, Convert.ToInt32(comboBox.value));
    }
}

7、 ... and 、 Final effect