Toggle 组件参考

    点击 属性检查器 下面的 按钮，然后从 添加 UI 组件 中选择 Toggle，即可添加 Toggle 组件到节点上。

    注意：因为 Toggle 继承至 Button，所以关于 Toggle 的 Button 相关属性的详细说明和用法请参考 Button 组件对应的章节，这里就不再赘述了。

    属性 功能说明
    Target 带有脚本组件的节点。
    Component 脚本组件名称。
    Handler 指定一个回调函数，当 Toggle 的事件发生的时候会调用此函数。
    CustomEventData 用户指定任意的字符串作为事件回调的最后一个参数传入。

    Toggle 的事件回调有二个参数，第一个参数是 Toggle 本身, 第二个参数是 customEventData。

    toggle-node-tree

    这里注意的是，checkMark 组件所在的节点需要放在 background 节点的上面。

    方法一

    方法二

    通过 toggle.node.on('toggle', ...) 的方式来添加

    1. //假设我们在一个组件的 onLoad 方法里面添加事件处理回调，在 callback 函数中进行事件处理:
    3.     extends: cc.Component,
    6.     properties: {
    7.        toggle: cc.Toggle
    8.     },
    11.     },
    13.     callback: function (event) {
    14.        //这里的 event 是一个 EventCustom 对象，你可以通过 event.detail 获取 Toggle 组件
    15.        var toggle = event.detail;
    16.        //do whatever you want with toggle
    18. });