Unity 利用UGUI之Scrollbar制作进度条

最新推荐文章于 2024-09-13 23:15:00 发布

不在同一频道上的呆子

最新推荐文章于 2024-09-13 23:15:00 发布

阅读量753

点赞数 12

文章标签： unity 游戏引擎 c#

本文链接：https://blog.csdn.net/mr_five55/article/details/135490233

版权

本文介绍了如何在Unity中使用Scrollbar组件和Text组件创建模拟进度的脚本，演示了改变Scrollbar的Value和Size属性来实现进度条效果，并重点指出只有改变Size值才能得到标准的进度条显示。

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

在Unity中除了用Slider、Image做进度条，其实用Scrollbar也可以做进度条。

首先，在场景中新建一个Scrollbar组件和一个Text组件：

请添加图片描述

其次，创建模拟进度的一个脚本，Scrollbar_Progressbar.cs:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using TMPro;

public class Scrollbar_Progressbar : MonoBehaviour
{
    public Scrollbar scrollbar;
    public TextMeshProUGUI text;

    private float curCount = 0;  //当前加载量,从0开始加载
    private float allCount = 100f;   //总加载量,这里设置为100

    private float smoothSpeed = 0.1f;  //加载的速度

    private bool changeValue;
    private bool changeSize;

    // Start is called before the first frame update
    void Start()
    {

    }

    // Update is called once per frame
    void Update()
    {
        if(Input.GetKeyDown(KeyCode.A))
        {
            changeValue = true;
            curCount = 0;
            scrollbar.size = 0;
        }
        else if(Input.GetKeyDown(KeyCode.S))
        {
            changeSize = true;
            curCount = 0;
            scrollbar.value = 0;            
        }
        if(changeValue)
        {
            if (curCount < allCount)
            {
                curCount += smoothSpeed;
                if (curCount > allCount)
                {
                    curCount = 100f;
                }
                scrollbar.value = curCount / 100f;
                text.text = (int)curCount / allCount * 100 + "%";
            }
            else
            {
                changeValue = false;
            }
        }
        if(changeSize)
        {
            if (curCount < allCount)
            {
                curCount += smoothSpeed;
                if (curCount > allCount)
                {
                    curCount = 100f;
                }
                scrollbar.size = curCount / 100f;
                text.text = (int)curCount / allCount * 100 + "%";
            }
            else
            {
                changeSize = false;
            }
        }
        
    }
}

我这里特别模拟了改变scrollbar中Value和Size属性的两种情况，经检验，只有改变Size值才符合进度条的效果。

具体效果如下：

Unity 利用UGUI之Scrollbar制作进度条