<menu id="sowow"><strong id="sowow"></strong></menu><menu id="sowow"><nav id="sowow"></nav></menu>
<menu id="sowow"></menu>
<menu id="sowow"></menu>
400-650-7353
您所在的位置:首頁 > IT干貨資料 > unity > 【Unity基礎知識】ToggleGroup組件之頁面切換

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

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

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


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

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

Allow Switch Off:允許關閉

如果禁用此設置,則按下當前打開的切換開關不會更換其狀態.

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

接下來我們使用該組件,實現上述背包中類似換頁的功能.

首先打開Unity引擎新建場景,創建Panel,并給Panel設置Source Image為BackGround效果如下圖展示:

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

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

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

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

隱藏兩個Image,展示出紅色:

GameObject下創建Toggle控件:

Toggle組件復制,修改顏色:

GameObject添加ToggleGroup組件:

Toggle操作如下:

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

添加點擊事件,拖拽Image,設置如下圖:

Toogle(1)操作如下:

Group屬性拖拽GameObject:

添加點擊事件:

Toggle(2)操作如下:

Group屬性拖拽GameObject:

添加點擊事件:

運行效果如下:

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

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

>>本文地址:

THE END  

聲明:本站稿件版權均屬中公教育優就業所有,未經許可不得擅自轉載。

領取零基礎自學IT資源

(內含學習路線+視頻教程+項目源碼)

涉及Java、Web前端、UI設計、軟件測試、Python等多個IT熱門方向

打開微信掃一掃即可領取哦~

1 您的年齡

2 您的學歷

3 您更想做哪個方向的工作?

獲取測試結果
  • 大前端大前端
  • 大數據大數據
  • 互聯網營銷互聯網營銷
  • JavaJava
  • Linux云計算Linux
  • Python+人工智能Python
  • 嵌入式物聯網嵌入式
  • 全域電商運營全域電商運營
  • 軟件測試軟件測試
  • 室內設計室內設計
  • 平面設計平面設計
  • 電商設計電商設計
  • 網頁設計網頁設計
  • 全鏈路UI/UE設計UI設計
  • VR/AR游戲開發VR/AR
  • 網絡安全網絡安全
  • 新媒體與短視頻運營新媒體
  • 直播帶貨直播帶貨
  • 智能機器人軟件開發智能機器人
 

快速通道fast track

近期開班時間TIME

A片三十分钟试看,女性高爱潮A级视频免费,国产不卡一卡2卡三卡4卡网站
<menu id="sowow"><strong id="sowow"></strong></menu><menu id="sowow"><nav id="sowow"></nav></menu>
<menu id="sowow"></menu>
<menu id="sowow"></menu>