游戏进度条

Slider

这个也是我们经常用的组件，拖动条，我们可以用来做进度条，血条，调节音量，下边我们介绍下他的核心组件

Paste_Image.png

• Value 进度值
• Alpha 透明度
• Steps 每次变动步伐的大小，0表示无限制。
• Foreground 进度条上层表示进度的图片
• Background 底槽图片
• Thumb 拖动块
• Direction 填充方向
• OnValueChange 当我们进度发生变化时的一个回调函数
• Boxcollider 这个可有可无，假如我们在需要用鼠标对这个进度条进行拖动设置的时候，我们就必须把Boxcollider附加在底槽上。（我们只是想通过拖动块来进行移动，那我们也应该在拖动块上加个Boxcollider，这个大家可以去测试下）

Paste_Image.png

大家可以看到我在Splid下边加了2个Sprite和一个Label，分别是前后背景照片，还有一个是显示当前进度的Label，大家可以把这个图和上图对比一下，就知道了。

Paste_Image.png

这个就是制作出来的进度条。

异步加载 SceneManager.LoadSceneAsync

当我们需要加载下一 个场景的时候我们经常会用到异步加载，异步加载就是在不阻塞主线程的情况下，还会加载场景。假如我们直接跳转的话，有的时候场景很大，我们跳到下一个场景需要卡顿一会才会加载完全，这样就会给玩家造成不流畅的感觉。

Paste_Image.png

这里的第二行代码就是让他加载完成以后先不显示，等到我们想让他显示的时候再把他设置为True就好。上图中的next还有一个progress这个属性，这是表示当前加载的进度。我们下边会用到。
我们现在好多游戏的进度条都是假的，一般都是前边和末尾是假的，而只有中间才是真的，（商家可以在此时宣传一些活动，让我们多看几眼）。我们看下代码

Paste_Image.png

 void StartJDT()
{
    //刚开始我的进度条是隐藏的，执行这个方法，让进度条显示出来
    JDTPanel.SetActive(true);
    //开启协程，让他去执行进度条加载，0.55f是进度条第一次的目标值为55%
    StartCoroutine("St", 0.55f);

}
IEnumerator St(float tar)
{
    //当进度条没有到达tar点位的时候，他就会进入到下边的循环
    while (!IsEnd)
    {
        JDT.GetComponent<UISlider>().value = Mathf.MoveTowards(JDT.GetComponent<UISlider>().value, tar, Random.Range(0.001f, 0.05f));
        if (JDT.GetComponent<UISlider>().value >= tar) { IsEnd = true; }
        yield return new WaitForSeconds(Random.Range(0f, 0.2f));
   
    }
}
void Update()
{
    if (IsEnd)
    {
        
        if (next.progress<0.9f)
        {
            //当异步场景资源没有加载加载完毕的时候，一般都是当progress为90%的时候就是加载完毕了
            JDT.GetComponent<UISlider>().value = 0.55f + next.progress * 0.2f;
        }
        else
        {
            //当异步场景资源加载加载完毕的时候，我在开启协程，然后让进度条的目标位置为1
            IsEnd = false;
            StartCoroutine("St", 1f);
        }
    }
    //当进度条进度为100%的时候，让异步加载进来的场景显示
    if (JDT.GetComponent<UISlider>().value == 1)
    {
        next.allowSceneActivation = true;
    }
}

若水GIF截图_2016年12月17日15点46分37秒.gif

这就是他显示出来的效果

Paste_Image.png

这个就是整体流程