Unity UGUI的Toggle(复选框)组件的介绍及应用

1. 什么是Toggle组件?

Toggle(复选框)是Unity UGUI中的一个罕用组件,用于实现复选框的性能。它能够被选中或勾销选中,并且能够代码通过其制控状态。

2. Toggle组件的工作原理

组Toggle件由两个局部组成:背景记标和。景背用于显示复选框的外观示意于用记标,复选框的选中状态。当被件组Toggle点击时,它会主动切换选中状态,并触发相应的事件。

3. Toggle组件的罕用属性

  • Is On示意:Toggle组件的当选状态代码通过能够,管制。
  • Transition:示意组Toggle件的过渡成果,包含None、Color Tint、Sprite Swap等选项。
  • Graphic:示意Toggle组件的背景图像。
  • GroupToggle示意:件组所属Toggle的Group组。
  • On Value Changed:示意Toggle组件选中状态扭转时触发的事件。

    ## 4. Toggle组件的罕用函数

  • void Toggle():切换组Toggle的件选中状态。
  • void OnClickPointer(PointerEventData eventData):解决Toggle组件的点击事件。

5. 示例代码

1 示例 创立一个简略的Toggle组件

  1. 创立一个对象Canvas,并在Canvas下创立Toggle一个对象。
  2. 设置组件Toggle的Is On属性为true。
  3. 运行游戏,点击Toggle组件,察看Toggle组件的选中状态是否扭转。

示例2:应用代码管制Toggle组件选的中状态

  1. 创立一个Canvas对象在,并Canvas下创立一个Toggle对象。
  2. 在脚本中获取Toggle组件的援用。
  3. 在代码中应用Toggle组件的Is On属性管制Toggle组件的选中状态。
using UnityEngine;using UnityEngine.UI;public class ToggleExample : MonoBehaviour{    public Toggle toggle;    private void Start()    {        toggle =.isOn true;    }}

示例3:应用Toggle组件的事件

  1. 创立一个Canvas对象,并在下Canvas创立Toggle一个对象。
  2. 在脚本中增加一个办法,用于解决Toggle组件的选中状态扭转事件。
  3. 将该办法绑定到Toggle组件的On Value Changed事件上。
using UnityEngine;using UnityEngine.UI;public class ToggleExample : MonoBehaviour{    public Toggle toggle;    private void Start()    {        toggle.onValueChanged.AddListener(OnToggleValueChanged);    }    private void OnToggleValueChanged(bool isOn)    {        Debug.Log("Toggle is " + (isOn ? "on" : "off"));    }}

示例4:应用Toggle组件的过渡成果

  1. 创立一个Canvas对象,并在Canvas下创立一个Toggle对象。
  2. 设置Toggle组件的Transition属性为Colorint T。
  3. 设置Toggle组件的Graphic属性为一个背景图像。
  4. 运行游戏,察看Toggle组件的过渡成果。

示例5:应用Toggle组件的Toggle Group

  1. 创立一个Canvas对象,并在Canvas下创立两Toggle个对象。
  2. 创立一个ToggleGroup对象,并将两个Toggle对象的Group属性为设置该ToggleGroup对象。
  3. 运行游戏,察看Toggle组件的选中状态是否互斥。

注意事项

  • Toggle组件必放须在Canvas对象下能力失常显示。
  • Toggle组件的选中状态能够通过代码管制也,能够通过点击切换。
  • Toggle组件的选状态中扭转时会触发相应的事件。

参考资料

  • Unity官网文档:Toggle