【Unity基礎知識】ToggleGroup組件之頁面切換

相信大家都玩過很多的游戲，在游戲中必不可少的元素非背包界面莫屬，下圖給大家展示一些背包界面：

大家觀察上述背包可以發(fā)現(xiàn)，在背包中發(fā)現(xiàn)會有一些按鈕，例如圖一當中有，消耗品按鈕，裝備按鈕,卷軸按鈕，碎片按鈕，靈魂石按鈕，當點擊不同按鈕時，展示的是不同按鈕對應的材料!

針對上述功能，在Unity引擎中又該如何實現(xiàn)呢?這就需要使用到ToggleGroup組件了!ToggleGroup字面意思可以理解為Toggel的集合，所以它可以管理多個Toggle組件，使多個Toggle組件依賴它，可以使其便利的實現(xiàn)一些需求，例如單選/換頁/切換背包商城頁面等功能!ToggleGroup組件又被稱之為互動組件，其下管理多個Toggle時一次只能打開一個開關，按下其中一個開關，其他開關都將自動關閉，組件如下圖所示：

Allow Switch Off：允許關閉

如果禁用此設置，則按下當前打開的切換開關不會更換其狀態(tài).

通過將"切換組"對象拖到組中，每個切換組的組的屬性中，可以設置切換組

接下來我們使用該組件，實現(xiàn)上述背包中類似換頁的功能.

首先打開Unity引擎新建場景，創(chuàng)建Panel，并給Panel設置Source Image為BackGround效果如下圖展示：

Panel下創(chuàng)建Image，步驟為鼠標右擊出現(xiàn)面板找到UI選擇之后找到Image：

Image設置大小，添加顏色為紅色：

將當前Image復制一份修改顏色為綠色：

繼續(xù)復制一份，修改顏色為紫色：

隱藏兩個Image，展示出紅色：

GameObject下創(chuàng)建Toggle控件：

Toggle組件復制，修改顏色：

GameObject添加ToggleGroup組件：

Toggle操作如下：

Group屬性拖拽GameObject(前提是GameObejct添加了ToggleGroup)：

添加點擊事件，拖拽Image，設置如下圖：

Toogle(1)操作如下：

Group屬性拖拽GameObject：

添加點擊事件：

Toggle(2)操作如下：

Group屬性拖拽GameObject：

添加點擊事件：

運行效果如下：

好了，我們本次的分享就要結束了，上述只是實現(xiàn)了一些類似的簡易功能，具體的功能的深加工，還是需要我們不斷的努力完善，努力完善的前提是必須要有扎實的基本功，這樣才可以實現(xiàn)更多我們想要的功能效果!我們下期再會!!