unity3D遊戲開發十六之NGUI三

接下來我們看下ProgeressBar，進度條，它是UISlider和UIScrollBar的基類，屬性如下圖：

Value：百分比

Alpha：透明度

Steps：步閥閾值

Appearance：特性

a.Foreground（前景圖片）

b.Background（背景圖片）

d.Direction（滑動方向）

On Value Change：當滑動時，進行事件分發

下面我們做一個進度條，每過一秒進度加1，準備兩個sprite作爲前景圖片跟背景圖片，如下圖：

我們修改Test腳本，代碼如下圖：

using UnityEngine;
using System.Collections;

public class Test : MonoBehaviour {



    //public UIInput username;

    public UIProgressBar progressBr;

    private UILabel plabel;

    void Awake ()
    {

//      Debug.Log("----111");
//      //獲取需要監聽的按鈕對象
//      GameObject button=GameObject.Find("UI Root (2D)/Camera/Anchor/Panel/Button");
//      //設置這個按鈕的監聽，指向本類的ButtonClick方法中
//      UIEventListener.Get(button).onClick=buttonClick;


        progressBr=GetComponent<UIProgressBar>();
        progressBr.value=0;


        GameObject ob=GameObject.FindWithTag("111");


        plabel=ob.GetComponent<UILabel>();




    }


    // Use this for initialization
    void Start ()
    {



    }

    // Update is called once per frame
    void Update ()
    {

        if(progressBr!=null)
        {


            progressBr.value+=0.01f*Time.deltaTime;


            string shuzhi=(progressBr.value * 100).ToString("#0.00");
            plabel.text=shuzhi+"%";


        }



    }



//  void buttonClick(GameObject button)
//  {
//
//
//      Debug.Log("username:"+username.value);
//
//  //  Debug.Log("GameObject:"+button.name);
//
//
//  }


}

綁定腳本，設置對象，如下圖：

預覽遊戲，如下圖：

下面我們看下UISlider，UISlider組件可以用來創建一個簡單的slider和進度條。繼承了UIProgressBar的所有功能，之後增加了可選的滑塊，屬性如下圖：

效果如下：

接下來我們看下UIScrollBar，UIScrollBar用來創建滾動條——可變長度的滑動條在大小固定的區域移動。它繼承了所有UIprogressBar的功能，僅僅修改了前景的顯示方式，變爲可以被移動位置並且可以交互，屬性如下圖：

與UISlider類似，UIScrollBar需要引用一個Foreground widget。當Size值爲1（100%）的時候，這個widget就會佔用滾動條的最大尺寸,效果如下圖：