学习NGUI笔记

导入NGUI的unitypackage包

NGUI和UGUI不同,他所应用的精灵和文字都是直接从图集和文字集调用的

1.打包文字学习NGUI笔记_第1张图片

2.打包图集

学习NGUI笔记_第2张图片

3.如何创建一个进度条

创建一个精灵,添加碰撞盒和Scrill Bar组件

学习NGUI笔记_第3张图片

然后给一个空物体添加加载场景,进度条的脚本

加载场景进度条:
===============================================================================================================
using UnityEngine;
using System.Collections;
using UnityEngine.SceneManagement;

public class GameCtrlTest : MonoBehaviour
{
    private UIProgressBar bar;
    float time = 2;
    float timer = 0;
    bool isLoading = false;

    void Awake ()
    {
        bar = GameObject.Find ("progressBG").GetComponent ();
    }

    /// 
    /// 进度条的值发生改变的时候回调
    /// 
    /// T.
    public void ProgressBarValueChangedAction (float t)
    {
//进度条的value赋值给了t,当T等于1时
        if (t == 1) {
            Debug.Log ("加载新场景");
        }
    }

    public void BeginGameAction ()
    {
        Debug.Log ("开始加载场景");
        isLoading = !isLoading;
        StartCoroutine ("Loading");
    }
    //加载场景线程
    AsyncOperation opert;

    IEnumerator Loading ()
    {
        //异步读取场景
        opert = SceneManager.LoadSceneAsync (1);
        //来控制异步加载的场景,暂时不进入
        opert.allowSceneActivation = false;
        //系统读取完毕返回
        yield return opert;

//        opert.allowSceneActivation = true;

    }

    void Update ()
    {
        //如果没有加载场景,直接返回
        if (opert == null) {
            return;
        }
        //如果场景没有加载完成
        if (!opert.isDone) {
            if (bar.value <= 0.9) {
                if (bar.value <= opert.progress) {
                    bar.value += Time.deltaTime;

                }
            } else {
                if (bar.value < 1f) {
                    bar.value += Time.deltaTime;
                } else {
                    opert.allowSceneActivation = true;
                }
            }
        }
    }
}
然后给开始游戏的Buttton添加事件。

2.创建输入框

学习NGUI笔记_第4张图片

4.创建Button:学习NGUI笔记_第5张图片学习NGUI笔记_第6张图片

5.创建滚动背包:

(1)滑动条

学习NGUI笔记_第7张图片

(2).滚动

学习NGUI笔记_第8张图片

(3)设置子物体

学习NGUI笔记_第9张图片

(4)滚动背景

学习NGUI笔记_第10张图片

5.注意细节问题

学习NGUI笔记_第11张图片




你可能感兴趣的:(NGUI)