400-650-7353
您所在的位置:首頁(yè) > IT干貨資料 > unity > 【Unity基礎知識】ToggleGroup組件之頁(yè)面切換

【Unity基礎知識】ToggleGroup組件之頁(yè)面切換

  • 來(lái)源:Unity干貨資料
  • 2022-02-11 11:52:22
  • 閱讀()
  • 分享
  • 手機端入口

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


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

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

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

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

通過(guò)將"切換組"對象拖到組中,每個(gè)切換組的組的屬性中,可以設置切換組

接下來(lái)我們使用該組件,實(shí)現上述背包中類(lèi)似換頁(yè)的功能.

首先打開(kāi)Unity引擎新建場(chǎng)景,創(chuàng )建Panel,并給Panel設置Source Image為BackGround效果如下圖展示:

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

Image設置大小,添加顏色為紅色:

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

繼續復制一份,修改顏色為紫色:

隱藏兩個(gè)Image,展示出紅色:

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

Toggle組件復制,修改顏色:

GameObject添加ToggleGroup組件:

Toggle操作如下:

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

添加點(diǎn)擊事件,拖拽Image,設置如下圖:

Toogle(1)操作如下:

Group屬性拖拽GameObject:

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

Toggle(2)操作如下:

Group屬性拖拽GameObject:

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

運行效果如下:

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

文章“【Unity基礎知識】ToggleGroup組件之頁(yè)面切換”已幫助

>>本文地址:http://www.76097.cn/zhuanye/2022/71793.html

THE END  

聲明:本站稿件版權均屬中公教育優(yōu)就業(yè)所有,未經(jīng)許可不得擅自轉載。

1 您的年齡

2 您的學(xué)歷

3 您更想做哪個(gè)方向的工作?

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯(lián)網(wǎng)營(yíng)銷(xiāo)互聯(lián)網(wǎng)營(yíng)銷(xiāo)
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯(lián)網(wǎng)嵌入式
  • 全域電商運營(yíng)全域電商運營(yíng)
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網(wǎng)頁(yè)設計網(wǎng)頁(yè)設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開(kāi)發(fā)VR/AR
  • 網(wǎng)絡(luò )安全網(wǎng)絡(luò )安全
  • 新媒體與短視頻運營(yíng)新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開(kāi)發(fā)智能機器人
 

快速通道fast track

近期開(kāi)班時(shí)間TIME