【Unity基礎(chǔ)知識(shí)】ToggleGroup組件之頁面切換

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

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

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

Allow Switch Off：允許關(guān)閉

如果禁用此設(shè)置，則按下當(dāng)前打開的切換開關(guān)不會(huì)更換其狀態(tài).

通過將"切換組"對(duì)象拖到組中，每個(gè)切換組的組的屬性中，可以設(shè)置切換組

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

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

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

Image設(shè)置大小，添加顏色為紅色：

將當(dāng)前Image復(fù)制一份修改顏色為綠色：

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

隱藏兩個(gè)Image，展示出紅色：

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

Toggle組件復(fù)制，修改顏色：

GameObject添加ToggleGroup組件：

Toggle操作如下：

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

添加點(diǎn)擊事件，拖拽Image，設(shè)置如下圖：

Toogle(1)操作如下：

Group屬性拖拽GameObject：

添加點(diǎn)擊事件：

Toggle(2)操作如下：

Group屬性拖拽GameObject：

添加點(diǎn)擊事件：

運(yùn)行效果如下：

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