在显示大数据的时候，滚动条会经常被使用到，NGUI 自带的滚动条组件功能非常强大、方便以及实用，这次演示使用 NGUI 自带的滚动条组件。
        测试场景如下：

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

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

[C#] 纯文本查看 复制代码
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 属性，如图：

        最后运行游戏，如图：


转载自：最终幻想