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加載子項的時候都加這樣一行代碼就可以解決了。