天天看點

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

Chinar blog :www.chinar.xin

Unity UGUI 完整系列教程 (Chinar中文圖解)

UGUI Toggle Group用法教程

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

Chinar 的初衷是将一種簡單的生活方式帶給世人

使有限時間 具備無限可能

Chinar —— 心分享、心創新!

助力快速了解 UGUI 中 Toggle Group 元件用法

為初學者節省寶貴的時間,避免采坑!

Chinar 教程效果:

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

文章目錄

  • 1
    • Description —— 說明
  • 2
    • Create ManyToggle —— 建立多個開關
  • 3
    • Add Toggle Group —— 添加開關組
  • 4
    • Toggle Group —— 開關組,元件說明
  • 支援
    • May Be —— 開發者,總有一天要做的事!

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

1

Description —— 說明

Unity UGUI 完整系列教程 (Chinar中文圖解)

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

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

由簡入深,請先了解 Toggle 元件,再了解 Toggle Group

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

此時,如果用 Button 實作的話,随着按鈕數量的增加,邏輯的複雜性将不斷增大

Unity 給我們提供了一個非常友善的元件 Toggle Group

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

例如,單選 / 換頁 / 切換背包商城頁面,等功能…

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

2

Create ManyToggle —— 建立多個開關

我們建立多個 Toggle 開關按鈕

那麼此時按鈕的開啟與關閉,以及彼此回調函數的調用互不相關

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

3

Add Toggle Group —— 添加開關組

  • 但在遊戲/軟體開發的時候,我們優勢需要保證一個按鈕的按下,其他按鈕彈起
  • 或是 保證某個頁面的開啟,其他頁面關閉

如上圖2所示層次結構,我們隻需建立一個空物體,并添加一個 Toggle Group 元件(此時的空物體就相當于一個組)

将所有開關設為其子物體(不設定亦可實作功能,是為了規範!)

并将所有開關元件中的 Group 屬性,設為空物體組 Toggle Group

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

4

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

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

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

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

注意

  • 當我們點選 開關1 / Toggle1 的時候,其屬性 isOn 為

    true

  • 當我們點選 開關2 / Toggle2 的時候,其屬性 isOn 為

    true

    ,但是開關1的 isOn 就是

    false

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

  • 是以在聲明其按鈕下的方法時要綁定動态函數
  • 并在函數中加入判定 isOn 的條件為

    true

    如何,

    false

    如何才嚴謹
unity ugui Toggle Group詳解(Chinar出品、簡單易懂)12 34支援
unity ugui Toggle Group詳解(Chinar出品、簡單易懂)12 34支援
unity ugui Toggle Group詳解(Chinar出品、簡單易懂)12 34支援

至此:Toggle Group 元件用法結束

Unity UGUI 完整系列教程 (Chinar中文圖解)

支援

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

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

Chinar 提供一站式《零》基礎教程

使有限時間 具備無限可能!

先點選領取 —— 阿裡全産品優惠券 (享受最低優惠)

Chinar 免費伺服器、建站教程全攻略!( Chinar Blog )

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

END

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

對于需要複制、轉載、連結和傳播部落格文章或内容的,請及時和本部落客進行聯系,留言,Email: [email protected]

對于經本部落客明确授權和許可使用文章及内容的,使用時請注明文章或内容出處并注明網址

繼續閱讀