UG2L7——Toggle单选多选框控件

Toggle

单选框 多选框都可以使用它来制作

本章代码关键字

1
2
3
UIToggle                                        //NGUI的单选多选框类
uiToggle1.value                                 //toggle当前是否被选中的属性
uiToggle.onChange.Add(new EventDelegate())      //当toggle状态改变时添加监听函数

制作Toggle

  1. 2个Sprite 1父1子
  2. 为父对象添加Toggle脚本
  3. 添加碰撞器

参数相关

​image​

  • Group - 多选框分组
    多个多选框分为一组则变为单选框

    • State of None - 单选框状态时 是否允许不选中

  • Starting State
    开始默认状态 勾选为选中

  • Sprite - 选中用图片

  • Invert State - 反装状态
    如果需要的是不选中才显示（或者说选中就不显示），就勾选它

  • Animator - 状态变化时播放动画（新动画系统）

  • Animation - 状态变化时播放动画（老动画系统）

  • Tween - 状态变化时缓动

  • Transition - 过渡模式

    • 平滑过渡
    • 瞬间过渡

  • OnValueChange - 状态变化时响应脚本

监听事件的两种方式

  • 拖脚本

  • 代码获取对象监听

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    public UIToggle uiToggle1;
    public UIToggle uiToggle2;
    public UIToggle uiToggle3;

    void Start()
    {
        uiToggle1.onChange.Add(new EventDelegate(Change2));
        uiToggle2.onChange.Add(new EventDelegate(Change2));
        uiToggle3.onChange.Add(new EventDelegate(Change2));
    }

    public void Change()
    {
        print("Toggle变化执行的内容");
        if (uiToggle1.value)
        {
            print("tog1选中");
        }
        else if (uiToggle2.value)
        {
            print("tog2选中");
        }
        else if (uiToggle3.value)
        {
            print("tog3选中");
        }
    }