Unity UGUI - Toggle 切換開關


Toggle - 切換開關

Toggle 組合按鈕(單選框),可以將多個 Toggle 按鈕加入一個組(Toggle Group),則它們之間只能有一個處於選中狀態(Toggle 組合不允許關閉的話)。

 

Toggle 組件

  Toggle 大部分屬性等同於 Button 組件,同為按鈕,不同的只是它自帶了組合切換功能,當然這些用 Button 也是可以實現的。

  Is On(選中狀態):這個 Toggle 的選中狀態,設置或返回一個 bool。

  Toggle Transition(切換過渡):None 為無切換過渡,Fade 為切換時 Graphic 所指目標漸隱漸顯。

Group(所屬組合):這里指向一個帶有 Toggle Group 組件的任意目標,將 Toggle 加入該組合,之后 Toggle 便會處於該組合的控制下:

          同一組合內只能有一個 Toggle 可處於選中狀態,即便是初始時將所有 Toggle 都開啟 Is On,之后的選擇也會自動保持單一模式。

  On Value Change(狀態改變觸發消息):當 Toggle 選中狀態改變時,觸發一次此消息。

 

Toggle Group 組件

  帶有這個組件的物體,可以同時管理多個 Toggle,將需要被管理的 Toggle 的 Group 參數指向 Toggle Group 就可以了。

Allow Switch Off(是否允許關閉):Toggle Group 組默認有且僅有一個 Toggle 可處於選中狀態(其管理的所有 Toggle 中),如果勾選這個屬性,則 Toggle Group 組的所有 Toggle 都可同時處於未選中的狀態。

 

Toggle 與 Toggle Group 的巧用

  在場景中新建一個 Canvas,添加幾個  Image 和 Text,具體層次關系如圖:

  

   給 Toggle-1~3 添加 Toggle 組件,並把 ClickBg 拖拽到 Graphic 屬性上,作為選中后的顯示狀態。

  

  再創建三個相對應顏色的 Image,選取一個進行顯示,其他全部隱藏。

  接着給 Bg 添加 Toggle Group 組件,對它下面的三個 Toggle 進行管理,讓其中一個處於默認選中的狀態。

  

   然后依次給每個 Toggle 添加狀態改變觸發事件,選擇相對應的 Image。

  

   這樣,當 Toggle 狀態改變的時候就能切換到相對應的 Image 進行顯示。

  


免責聲明!

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



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