聲明: 本博客文章原創類別的均爲我的原創,版權全部。轉載請註明出處: http://blog.csdn.net/ml3947,另外本人的我的博客:http://www.wjfxgame.com。web
本教程中,將會教你們建立一個基本的ScrollView。ide
因爲NGUI官方的教程示例比較的複雜,不少剛開始學習NGUI的人有點摸不着頭腦。下面我將從頭開始帶領你們建立一個簡單的ScrollView。學習
首先經過NGUI-Open the UI Wizard建立一個基本的UI目錄。spa
而後經過Component–NGUI–Interaction–Draggable Panel,給Panel添加一個Draggable Panel腳本。.net
注意這裏的Scale裏設置x爲1,y,z爲0。代表咱們只支持x軸方向的拖動。orm
將Panel的Clipping設置爲Soft Clip,而後調整Panel的可顯示區域。blog
接着在Panel的下面建立一個空的GameObject,更名爲UIGrid。教程
目前的結構以下:事件
而後在UIGrid下建立一個空Object,更名爲Item。在Item下面建立你本身的UI控件。我只是簡單的建立了Label。而後給Item上面添加JComponents – NGUI – Interaction – Drag Panel Contents腳本。而後NGUI — Attach a Collider。這裏是很重要的,若是不Attach a Collider,將不會收到拖動的事件。ip
接着複製多個這個Item,改變每一個Item的位置便可。
這樣,一個簡單的ScrollView就實現了。咱們能夠用對內容進行拖動。內容只會在Panel可顯示範圍內顯示。
另外,Draggable Panel腳本中,有個Restrict WithInPanel 屬性,能夠限制拖動。當拖動到一邊沒有內容了以後,它會自動還原。就像Android中ListView之類的效果。
轉載請註明出處:http://blog.csdn.net/ml3947