当前位置：网站首页>FairyGUI复选框与进度条的组合使用

FairyGUI复选框与进度条的组合使用

2022-07-06 09:18:00 【SQ刘】

FairyGUI复选框与进度条的组合使用

一、准备工作

1、新建包ProgressBar

可以在上一个案例的基础上接着新建包。

在这里插入图片描述

2、新建组件

在这里插入图片描述

3、导入素材

点击此处下载素材
在这里插入图片描述

二、进度条

1、新建进度条

在这里插入图片描述

2、微调进度条

在这里插入图片描述

3、进度条跟跑动画

为了使进度条不那么单调，可以给它添加一个动画。让进度条伸缩的时候，松鼠跟着进度条的增加往右移。也就是有那么一个跟跑的效果，看起来更生动。

设置关联
在这里插入图片描述

三、下拉框

1、新建下拉框

在这里插入图片描述

2、设置下拉框

在这里插入图片描述

3、下拉框完成效果

在这里插入图片描述

四、打包发布

在这里插入图片描述

五、Unity中显示

在这里插入图片描述

六、编码实现

在这里插入图片描述

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是要加载的进度，5是需要花费的时间
        comboBox = mainUI.GetChild("n4").asComboBox;
        comboBox.onChanged.Add(SetCompleteTime);
    }

    private void SetCompleteTime()
    {
    
        progressBar.value = 0;  //每次重新加载将它的进度设置为0
        progressBar.TweenValue(100, Convert.ToInt32(comboBox.value));
    }
}