首页 > 代码库 > NGUI的textlist和Scroll bar的设计

NGUI的textlist和Scroll bar的设计


用个纯粹的例子讲述一下:


首先建立一个Label,然后给他加个Textlist的脚本。这次不是右键点击加了,在图中右下角有个添加方式,然后找到Textlist添加上。


然后看到里面的属性,Text label和Scroll bar这两个是重点。把刚才建立的Label拖过去,然后建立一个Scroll bar 也拖过去。


下面说一下Scroll bar 如何建立。

建立一个sprite,命名为bg给他加上BOX COllider然后加个SCroll Bar Script如图:然后再建立一个sprite作为滑块名字叫Sprite,弄个粉色,大小设置和bg一样大,通过Anchors与bg对齐如下面的下面图:


把bg也通过Anchors跟textlist对齐。。。。下边看一下bg的属性:把滑块Sprite和bg分别拖进去。如图:


现在滑块做好了,Textlist也弄好了。通过个代码写字测试一下吧。

using UnityEngine;
using System.Collections;

public class textlist : MonoBehaviour {
   
    private UITextList textlist1;

    private int lineNumber = 0;//写个行号看到清楚
	// Use this for initialization
    void Awake()
    {
        Debug.Log("2222222222222222222");
         
    }
	void Start () {
       
      
        //textlist1 = transform.Find("Label").GetComponent<UITextList>();
       textlist1 = this.GetComponent<UITextList>();
	}
	
	// Update is called once per frame
	void Update () {
        if (Input.GetMouseButtonDown(0))//单击鼠标左键就会输出下面的东西
        {
            Debug.Log("wwwwwwwwwwwww");
            textlist1.Add("EEEEEEEEEEEEEEEEEEEEEE" + lineNumber++);
        }

	}
}

把代码给了Label然后运行一下,单击鼠标左键:右边的滑环会减小,通过行数的++可以知道有文本在输出。



默认的最大输出为50段落。可以自己在label里设定

如图;

(写完了,感谢紫龙吧!!!德玛西亚。。。)


NGUI的textlist和Scroll bar的设计