IT培訓(xùn)網(wǎng)
IT在線(xiàn)學(xué)習(xí)
相信大家都玩過(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ì)!!
>>本文地址:http://hqfphsz.com/zhuanye/2022/71793.html
聲明:本站稿件版權(quán)均屬中公教育優(yōu)就業(yè)所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
1 您的年齡
2 您的學(xué)歷
3 您更想做哪個(gè)方向的工作?
07月15日Java
咨詢(xún)/試聽(tīng)07月15日Python+人工智能
咨詢(xún)/試聽(tīng)07月15日Web前端
咨詢(xún)/試聽(tīng)07月15日UI設(shè)計(jì)
咨詢(xún)/試聽(tīng)07月15日大數(shù)據(jù)
咨詢(xún)/試聽(tīng)07月15日Java
咨詢(xún)/試聽(tīng)07月15日Python+人工智能
咨詢(xún)/試聽(tīng)07月15日Web前端
咨詢(xún)/試聽(tīng)07月15日UI設(shè)計(jì)
咨詢(xún)/試聽(tīng)07月15日大數(shù)據(jù)
咨詢(xún)/試聽(tīng)