NGUI第四课--Progress Bar，Slider的介绍与Atlas图集的创建

03月

5212 0

今天这节课给大家讲解一下Progress Bar，Slider。对比参数我们可以发现，Progress Bar和Slider的明细区别在于Slider多一个Thumb选项，这里的Thumb就是我们拖动的时候点击的按钮。

从上面4副图中相信大家可以很清楚的看到两者的区别。具体的添加方法我就不多说了。前面已经讲过。现在我们在看看两者在inspector上的区别

Empty和Full选项其实就是前景和背景的Sprite。这里大家都已经熟悉了。我们看Progress Bar和Slider的根节点，参数对比图如下

ProgressBar Slider

可以很清楚的看到。两者都是挂载着UISlider这个脚本。不同的是Slider多了一个Box Collider。这个就是检测用户是否移动Thumb。

还有。在Appearance下的Thumb下Slider是有赋予一个Thumb对象的。而Progress Bar没有。

Value：当前值

Steps：可以理解为将最大值等分的份数

Foreground：前景sprite

Thumb：只有Uislider有，ProgressBar没有

Direction：方向

现在我们创建一个脚本来改变Slider的Value值。创建SliderControl.cs脚本。把脚本挂载到UI Root上。

脚本如下

using UnityEngine;
using System.Collections;
/// <summary>
/// 说明：例子很简单，只要获取到UISlider,改变其Value属性就可以了
/// 我这个例子都过两种方式来获取到Progress Bar和Slider的UISlider。（记得把progreess Bar控件赋予过去了）
/// </summary>
public class SliderControl : MonoBehaviour {
    public UISlider progressBar;
    private UISlider slider;

    void Start () {
        slider = GameObject.Find("Slider").GetComponent<UISlider>();
        progressBar.value = 1;
        slider.value = 1;
    }


    void Update () {
        progressBar.value -= 0.01f;
        slider.value -= 0.02f;

        if (progressBar.value <= 0)
            progressBar.value = 1;

        if (slider.value <= 0)
            slider.value = 1;
    }
}