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 進行顯示。