參考：NGUI Next-Gen UI2.6.1 Example 7 - Scroll View (Panel)製作一個通過鼠標拖動的scroll View.
首先：Create UI Wizard; ，把腳本UIDraggable Panel 託給Panel;並設置如下：
UIPanel 相關屬性：
Alpha：面板的透明度
Panel
Tool：是否顯示面板工具
Normals：法線貼圖
Static：如果是沒移動的組件，也進行代碼檢測，一般是用於ScrollView
Clipping：面板剪切，分爲None(無剪切效果），Soft
Clip（軟剪切，有邊緣模糊效果）
Debug
Info的Geometry項然後在場景中點擊你的部件來檢驗生成的幾何網格。
UIDraggable Panel(Script)：選項中的Scale非常重要，這裏設置y = 1 表示ListView只支持縱向的拖動，如果設置X=1表示列表只支持橫向的拖動，如果兩個都=1表示列表同時支持橫向與縱向的拖動
然後再Panel下，新建一個空物體，添加UICenterOnChild腳本（如果添加則不能保證充滿），如要自動排列item則添加UIGrid腳本，注意此級的位置，他的位置會決定自動排列的item的起始位置。
再在下面新建可以拖拽的按鈕、標籤等。注意，按鈕需要加boxCollider 和 UIDragPanelContents
此時一個水平的滑動條已經做好了。我們可以添加一個scroll Bar控制這個滑動條。
在Panel父節點下新建一個Scroll Bar.並把UIPanel腳本託給這個scroll Bar.
對scroll Bar下的子物體BackGround設置如下
Foreground參數設置如下：
運行效果：
此時就可以拖動滾動條控制顯示物體了。