NGUI PopupList和Grid

PopupList

我們先創(chuàng)建一個Label,然后給他兩個組件,BoxCollider和PopupList

  • Boxcollider 創(chuàng)建這個的時候我們在NGUI的下拉菜單中選擇Attach—collider,意思就是適配一個collider這樣的創(chuàng)建出來的collider基本是不需要我們再去調(diào)節(jié)大小的。這個是我們觸發(fā)點擊下拉框的關(guān)鍵組件。
  • PopupList這個是下拉框的核心組件
Paste_Image.png
  • Options這個顯示的是我們下拉框內(nèi)容,是按行識別的
  • Default是默認情況顯示內(nèi)容。
  • Position 表示點擊出來的下拉框的位置,可以選擇自動,上方,下方。
  • Alignment表示下拉框里的內(nèi)容文字對齊方式,左右對齊其他的。
  • OpenOn表示怎么觸發(fā)下拉框事件
  • Background 下拉框背景圖片
  • Highlight 我們鼠標移到下拉框某個內(nèi)容時,高亮的圖片,大家可以試驗下。

注意

On Value Change這個選項一定要勾選,并且放入相應(yīng)的Label,并且在Method中選擇

Paste_Image.png

相應(yīng)的Label就是在你需要把你選擇的內(nèi)容在該Label中顯示


Paste_Image.png

圖中我的就是物體自身,因為我是在label物體上做了一個下拉框

Paste_Image.png

這個就是我通過上邊操作做的下拉框,圖片不怎么好看,將就下。

制作下拉框注意事項

  • 必須有個Boxcollider接受單擊事件
  • 填寫選項時一定要注意換行

Grid

這個組件作用就是把他的子類物體按照順序排列,比如我們經(jīng)常看到的背包系統(tǒng)。

UIGrid
  • Arrangement 排列順序,Horizontal水平排列、Vertical垂直排列、Cell Snap按子項當(dāng)前的位置對齊子項。
  • Cell Width,Height 每個網(wǎng)格網(wǎng)格的大小,這個大小一定要比子項中的寬度和高度大,否則子項每個對象會顯示不全
  • Column Limit 每行(每列)允許的最大子項數(shù)量,如果排列方式選的是Cell Snap那此項就不會有。如果填的是0,那意思就是沒有限制
  • Sorting 排序方式,None按照Index排序、Alphabetic按照名字進行排序、Horizontal和Vertical按照localPosition進行的排序、Custom自己實現(xiàn)的排序方式。
  • Pivot 錨點 ,有九個選項,這個不知道怎么解釋,上兩張圖大家應(yīng)該就明白了
Paste_Image.png

此時選項是TopLeft,圖中的那個坐標點是Grid的坐標

Paste_Image.png

此時的選項是Center。

  • 最后的三個選項一般我們都把他勾上,大家可以用英文翻譯下基本都能理解

注意

當(dāng)我們運行的時候我們會發(fā)現(xiàn)Grid排列一次就會設(shè)置成Inactive,(意思就是不被勾選了),但是有時候我們會需要用代碼動態(tài)向此Grid加入子項,那么這時候Grid就不會再次進行排序了。所以說有時候我們動態(tài)加入的時候,我們需要加一行代碼

Paste_Image.png

在我們每次需要向Grid加載子項的時候都加這樣一行代碼就可以解決了。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容