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

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

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

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


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

針對(duì)上述功能,在Unity引擎中又該如何實(shí)現(xiàn)呢?這就需要使用到ToggleGroup組件了!ToggleGroup字面意思可以理解為T(mén)oggel的集合,所以它可以管理多個(gè)Toggle組件,使多個(gè)Toggle組件依賴(lài)它,可以使其便利的實(shí)現(xiàn)一些需求,例如單選/換頁(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)閉

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

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

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

首先打開(kāi)Unity引擎新建場(chǎng)景,創(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)了一些類(lèi)似的簡(jiǎn)易功能,具體的功能的深加工,還是需要我們不斷的努力完善,努力完善的前提是必須要有扎實(shí)的基本功,這樣才可以實(shí)現(xiàn)更多我們想要的功能效果!我們下期再會(huì)!!

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

>>本文地址:http://hqfphsz.com/zhuanye/2022/71793.html

THE END  

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

1 您的年齡

2 您的學(xué)歷

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

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

快速通道fast track

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