Unity 之 UGUI Toggle组件介绍和简例

Unity 之 UGUI Toggle组件介绍和简例

---

复合组件Toggle的组成:

Toggle：自身挂载Toggle组件,并且对有对子物体的引用。

Background：就是个Image组件，用来当背景图片

Checkmark： 也是个Image组件，用来作为选中和未选中的标识

Label :是一个Text,用来描述这个Toggle组件的用处

个人理解：一个单选框，通过修改子物体的各个属性来实现开发者要实现的效果。

---

Toggle的属性面板:

Interactable：是否可操作，通过这个属性来控制组件是否可被点击触发

Transition：过渡，系统提供了四种方式。 ¹

Is On：通过这个属性控制选中和未选中的状态

Toggle Transition：切换过渡

Graphic：标识选中的UI图片

Group：通过这个属性来实现多个Toggle之间的单选²

---

using UnityEngine;
using UnityEngine.UI;

public class ToggleDemo : MonoBehaviour {

    Toggle toggle;
	void GetAttributes() {
        //是否可用
        toggle.interactable = true;
        //过渡模式
        toggle.transition = Selectable.Transition.ColorTint;
        //选中状态
        toggle.isOn = true; 
        //指定组
        toggle.group = GetComponent<ToggleGroup>();
        //当其值发生变化时，切换的反应方式
        toggle.toggleTransition = Toggle.ToggleTransition.Fade; //ToggleTransition.None
        //当状态被改变时触发
        toggle.onValueChanged.AddListener((bool v) => { OnChanged(v); });
    }
	
    void OnChanged(bool v)
    {
        //当前Toggle组件被触发了，todo sth...
    }
}

---

---

1. “None”:无过渡
   “ColorTint”：颜色过渡 (系统默认,也最常用)
   “SpriteSwap”：图片过渡
   “Animation”：动画过渡 ↩︎

2. ToggleGroup：也是组件，可被Toggle的Group属性添加，添加同一个ToggleGroup的Toggle之间只能单选。 ToggleGroup还有个属性“Allow Switch Off“”：允许关闭---- 这个属性勾选则添加ToggleGroup的所有Toggle可以都不选，不勾选则必须选一个 ↩︎