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里设定

如图;

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

时间: 2024-10-10 21:44:00

NGUI的textlist和Scroll bar的设计的相关文章

NGUI 3.5教程(八)Scroll Bar 滚动条-制作聊天框

向原创致敬http://blog.csdn.net/chenggong2dm/article/details/38387051 写在前面: 本文将使用 Vertical Scroll Bar ,创建一个聊天界面,如下图所示: 欢迎大家纠错.拍砖!原创很辛苦,如有转载,请注明出处. Scroll Bar -- 滚动条  滚动条这个东西,跟基本控件有点区别.它是控制其他控件的,所以要配合其他控件,才能正常工作. ■ 创建滚动条 在NGUI 3.5中,创建控件都可以通过[搜索],然后[拖拽]实现(也是

scroll bar与document 宽度与js的关系

一个重要的细节 首先从浏览器模式来说 如果document有responsive meta,在普通模式下 scroll bar是附加在文档的最左边 而在device mode下 scroll bar 是漂浮在文档上面的 不获知这点,接下来便无从谈起 ---------------------------------------------------- 1.对window来说 只有innerWidth和outterWidth,没有width属性,没有offsetWidth属性 其中innerWi

[Selenium]Turn Page By Scroll Bar

Description: Need to turn page by operating scroll bar and find out the element in the current page. Previous page will not exist in DOM structure when turning page. Solution: Get the total height, button height, scroll bar height Calculate total mov

Selenium - IWebDriver 控制scroll bar到底部

有时候我们需要控制页面滚动条上的滚动条,但滚动条并非页面上的元素,这个时候就需要借助js是来进行操作.一般用到操作滚动条的会两个场景: 注册时的法律条文需要阅读,判断用户是否阅读的标准是:滚动条是否拉到最下方.    要操作的页面元素不在吸视范围,无法进行操作,需要拖动滚动条 其实,实现这个功能只要一行代码,但由于不懂js ,所以花了不小力气找到这种方法. 用于标识滚动条位置的代码 <body onload= "document.body.scrollTop=0 "> &l

VS2010-MFC(常用控件:滚动条控件Scroll Bar)

转自:http://www.jizhuomi.com/software/191.html 滚动条控件简介 滚动条大家也很熟悉了,Windows窗口中很多都有滚动条.前面讲的列表框和组合框设置了相应属性后,如果列表项显示不下也会出现滚动条.滚动条分为水平滚动条(Horizontal Scroll Bar)和垂直滚动条(Vertical Scroll Bar)两种.滚动条中有一个滚动块,用于标识滚动条当前滚动的位置.我们可以拖动滚动块,也可以用鼠标点击滚动条某一位置使滚动块移动. 从滚动条的创建形式

滚动列表————scroll rect \ mask \scroll bar

http://m.blog.csdn.net/article/details?id=45540871 scroll rect里的movement style:unrestricted---自由的,不受控制的 elastic-----有弹性的,可以上下左右拉长的 clamped------夹紧的,没有弹性的.严格的在水平或垂直方向滚动

NGUI的Scroll View的制作

此为重点: 首先建立一个sprite作为背景,然后建立一个Scroll View, 然后在Scroll View里建立一个Grid 看一下Grid的属性,看到Arrangement是表示排列方式,Sorting也是排序方式,当随意拖动里面的cell 的时候会以你选的方式排序,看Pivot这个是指轴的位置,现在是在中心看图Scenc里面的坐标就知道了.然后看HIde Inactive这个属性目前我所了解的实现是拖动里面的cell后可以随便移动你所拖动的cell到任何位置,若果勾选了上面或者下面的那

NGUI学习笔记(六):ScrollView、Grid和Table

下面我们来看看游戏UI开发中比较核心的开发,我称为列表开发,比如背包和各种形式不一的列表等,下面我们来看几个具体的样例:   基本上就是一些重复的制作好的多个UI控件进行排列,同时可以支持滚动,当然,高级一点的话也可能需要支持拖拽操作等. 下面我们来学习一下这些功能该如何使用NGUI实现,最后再给出一个具体的示例. 基础控件 NGUI已经帮助我们设计好了相关的组件,所以我们要实现上面的效果不需要从头开始,只要学会使用NGUI提供的相关的脚本即可,非常简单. ScrollView 即滚动视口组件,

ngui3.5.7 版本Scroll View实现方法

现在网上的教材都是老版本的,现在的版本并没有Drag Panel Contents脚本,所以我对着现在的DEMO琢磨出了实现方法 第一,创建NGUI ui,其他组件不必创建,我只要NGUI这个摄影机,将这个NGUI设置为2D层,下面子组件都属于2D层 创建Scroll View,之后在下面创建Grid把他里面的脚本去掉,添加UICenterOnChild这个脚本,之后在Grid下面创建你要用的组件,在这些组件上添加UIDrag Scroll View和UICenter On Click 还有Bo