天天看點

unityTaidou(一)NGUI之清單的建立與使用

需要使用的元件:

ScrollView:滾動試圖,其他元件的基礎

Grid: 将清單元素拖到Grid下,統一設定長寬,實作自動排序

DragScrollView:使界面能夠拖動

第一步,建立ScrollView并調整到合适的大小

unityTaidou(一)NGUI之清單的建立與使用

調整movement屬性,Horizontal為水準滾動,Vertical為垂直滾動

unityTaidou(一)NGUI之清單的建立與使用

第二步,建立Scrollview的子物體Grid

根據Scrollview的UIPanel的size屬性,調節Grid的size,即單個清單元素的大小

unityTaidou(一)NGUI之清單的建立與使用

調整如下

unityTaidou(一)NGUI之清單的建立與使用

Grid屬性講解:

Arrangement屬性為元素排列方式,此處注意與ScrollView的movement屬性的差別,前者為元素排列方向,後者為視圖滾動方向

ColumnLimt屬性為行列限制,Grid為水準排列,則此為列限制,最多有兩列,大于兩列則另起一行

第三步,将需要排列的物體拖到Grid下,成為其子物體

unityTaidou(一)NGUI之清單的建立與使用

最後,做進一步調整

将Grid移動到ScrollView的左上角,并調節Grid子物體的Widget-Pivot屬性,如圖

unityTaidou(一)NGUI之清單的建立與使用

此時多複制幾個Grid下子物體,運作遊戲,便可形成排列

但是,此時界面還不能拖動

需要在Grid子物體下添加DragScrollView元件,并且将ScrollView指派給其ScrollView屬性

unityTaidou(一)NGUI之清單的建立與使用

最終結果

unityTaidou(一)NGUI之清單的建立與使用

繼續閱讀