[图文教程] NGUI的textlist和Scroll bar的设计

本文将通过一个具体示例，详细介绍如何在NGUI中进行Textlist和Scroll bar的设计。

1. 为Label添加Textlist脚本

首先，创建一个Label对象。此次添加脚本并非通过右键点击的方式，而是在界面右下角的添加方式中，找到Textlist脚本并添加到该Label上。

2. 设置Textlist属性

添加完Textlist脚本后，查看其属性，其中Text label和Scroll bar是关键属性。将之前创建的Label对象拖动到Text label属性处，接着创建一个Scroll bar并将其拖动到Scroll bar属性处。

3. 创建Scroll bar

3.1 创建背景Sprite

创建一个Sprite对象，将其命名为bg。为bg添加BOX Collider组件，然后再添加Scroll Bar Script组件。

3.2 创建滑块Sprite

再创建一个Sprite对象作为滑块，将其命名为Sprite，并将其颜色设置为粉色。将滑块的大小设置为与bg相同，并通过Anchors功能使其与bg对齐。

3.3 对齐bg与textlist

将bg通过Anchors与Textlist进行对齐。之后查看bg的属性，将滑块Sprite和bg分别拖动到相应的属性位置。

4. 测试功能

将代码赋予Label对象后运行程序，单击鼠标左键，会发现右边的滑环会减小。通过观察行数的递增，可以确认有文本正在输出。

通过以上步骤，你就可以在NGUI中完成Textlist和Scroll bar的设计，并实现相应的交互功能。