Unity3D NGUI 自带的滚动条使用详解   在显示大数据的时候，滚动条会经常被使用到，NGUI 自带的滚动条组件功能非常强大、方便以及实用，这次演示使用 NGUI 自带的滚动条组件。

测试场景如下：

如上图所示，我们需要设置 ImagePanel 的裁剪区域，这样我们才能正确的遮罩不显示的区域，然后我们使用一个测试图片来演示，设置好图片的尺寸信息，如图：

新建立一个 C# 脚本，取名：ImagePanel.cs，代码如下：

using UnityEngine;
using System.Collections;
 
public class ImagePanel : MonoBehaviour
{
    public UITexture uiTexture;
    public UIScrollBar scrollBar;
 
    void Awake()
    {
        this.scrollBar.value = 0f;
    }
 
    public void ScrollChange()
    {
        this.uiTexture.transform.localPosition = new Vector3(this.uiTexture.transform.localPosition.x, 150f + this.scrollBar.value * (uiTexture.height - 300f), 0f);
    }
}

给 ImagePanel 对象挂载 ImagePanel.cs 脚本，如图：

接着设置滚动条的 OnValueChange 属性，如图：

最后运行游戏，如图：