unity ugui Toggle Group詳解(Chinar出品、簡單易懂)


UGUI Toggle Group用法教程


本文提供全流程,中文翻譯。

Chinar 堅持將簡單的生活方式,帶給世人!

(擁有更好的閱讀體驗 —— 高分辨率用戶請根據需求調整網頁縮放比例)



Chinar —— 心分享、心創新!

助力快速理解 UGUI Toggle Group 組件用法

為新手節省寶貴的時間,避免采坑!


Chinar 教程效果:
這里寫圖片描述



全文高清圖片,點擊即可放大觀看 (很多人竟然不知道)


1

Description —— 說明


接上個教程 —— Unity 3D UGUI Toggle用法教程

如果還不了解 Toggle 組件用法的話,請先看以上攻略,再往下學習了解 Toggle Group 的用法
由簡入深,請先了解 Toggle 組件,再了解 Toggle Group



我們在項目開發的時候,有時需要單選按鈕 / 多個按鈕,但僅保證一個開啟

此時,如果用 Button 實現的話,隨着按鈕數量的增加,邏輯的復雜性將不斷增大


Unity 給我們提供了一個非常方便的組件 Toggle Group

使多個 Toggle 依賴它可以極其便利的實現一些需求

例如,單選 / 換頁 / 切換背包商城頁面,等功能….
舉個栗子黑白88


2

Create ManyToggle —— 創建多個開關


我們創建多個 Toggle 開關按鈕

那么此時按鈕的開啟與關閉,以及彼此回調函數的調用互不相關
舉個栗子黑白88


3

Add Toggle Group —— 添加開關組


但在游戲/軟件開發的時候,我們優勢需要保證一個按鈕的按下,其他按鈕彈起

或是 保證某個頁面的開啟,其他頁面關閉

如上圖2所示層次結構,我們只需創建一個空物體,並添加一個 Toggle Group 組件(此時的空物體就相當於一個組)

將所有開關設為其子物體(不設置亦可實現功能,是為了規范!)

並將所有開關組件中的 Group 屬性,設為空物體組 Toggle Group
舉個栗子黑白88
這里寫圖片描述


4

Toggle Group —— 開關組,組件說明


Toggle Group 組件所管控與其關聯的所有子開關

當我們按下其中一個開關,其余的都會關閉

注意:

當我們點擊 開關1 / Toggle1 的時候,其屬性 isOn true

當我們點擊 開關2 / Toggle2 的時候,其屬性 isOn true ,但是開關1的 isOn 就是 false

當我們點擊開關2的時候,不光是調用了開關2的回調函數,也調用了開關1的

所以在聲明其按鈕下的方法時要綁定動態函數

並在函數中加入判定 isOn 的條件為 true 如何, false 如何才嚴謹
舉個栗子黑白88
這里寫圖片描述
這里寫圖片描述
至此:Toggle Group 組件用法結束


支持

May Be —— 搞開發,總有一天要做的事!


擁有自己的服務器,無需再找攻略!

Chinar 提供一站式教程,閉眼式創建!

為新手節省寶貴時間,避免采坑!


先點擊領取 —— 阿里全產品優惠券 (享受最低優惠)


1 —— 雲服務器超全購買流程 (新手必備!)

2 —— 阿里ECS雲服務器自定義配置 - 購買教程(新手必備!)

3—— Windows 服務器配置、運行、建站一條龍 !

4 —— Linux 服務器配置、運行、建站一條龍 !





技術交流群:806091680 ! Chinar 歡迎你的加入


END

本博客為非營利性個人原創,除部分有明確署名的作品外,所刊登的所有作品的著作權均為本人所擁有,本人保留所有法定權利。違者必究

對於需要復制、轉載、鏈接和傳播博客文章或內容的,請及時和本博主進行聯系,留言,Email: ichinar@icloud.com

對於經本博主明確授權和許可使用文章及內容的,使用時請注明文章或內容出處並注明網址


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM