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

最新推荐文章于 2024-05-27 16:21:18 发布

SQL刘

最新推荐文章于 2024-05-27 16:21:18 发布

阅读量839

点赞数

分类专栏： FairyGUI 文章标签：复选框与进度条的组合使用 FairyGUI

本文链接：https://blog.csdn.net/qq_46649692/article/details/117149065

版权

FairyGUI 专栏收录该内容

9 篇文章 4 订阅

订阅专栏

这篇博客介绍了如何在FairyGUI中结合使用复选框、进度条和下拉框，包括组件创建、素材导入、动画设置、Unity显示及编码实现。通过设置下拉框选项来控制进度条的加载速度，展示了UI交互设计的生动效果。

摘要由CSDN通过智能技术生成

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));
    }
}