【UGUI】揹包系統

完成後樣子:
這裏寫圖片描述web

點擊藥品,裝備,金錢顯示出不一樣的面板;svg

看下目錄結構:
這裏寫圖片描述佈局

爲使點擊藥品,裝備,金錢三個按鈕具備選項卡,給點擊前Image添加Toggle組件,分配Graphic屬性爲點擊後的圖片(Selected);
如今三個按鈕都能按下,咱們須要的是隻將點擊的那個設置爲Sclected效果,因此爲父控件加上ToggleGroup組件,給下面Item_1,Item_2…..下的Group爲父控件;3d

面板上表格佈局排列:
添加空物體,重命名爲Grid,點擊添加Component->Layout->GridLayoutGroup,而後就可在下面添加各類物品了;xml

下面實現點擊按鈕後下面面板切換;
不一樣Item下OnValueChanged屬性添加對應Panel事件,以下:這裏寫圖片描述blog

完成;事件

有種沒法用語言表述出來的樣子;寫的有點失敗;圖片

Tony-Chen
2017.11.30it