Slider 组件参考

点击 属性检查器 下面的 添加组件 按钮，选择 UI -> Slider 即可添加 Slider 组件到节点上。也可以直接在 层级管理器 中点击右上角的 + 按钮，然后选择 UI 组件 -> Slider 创建一个 Slider 节点。

滑动器的脚本接口请参考 Slider API。

事件结构参考：

Slider 的事件回调有两个参数，第一个参数是 Slider 本身，第二个参数是 CustomEventData

通常一个 Slider 的节点树如下图：

这种方法添加的事件回调和使用编辑器添加的事件回调是一样的，都是通过代码添加。首先需要构造一个 对象，然后设置好对应的 target、component、handler 和 customEventData 参数。

方法二

// 假设我们在一个组件的 onLoad 方法里面添加事件处理回调，在 callback 函数中进行事件处理
const { ccclass, property } = _decorator;
@ccclass("example")
export class example extends Component {
    @property(Slider)
    onLoad () {
       this.slider!.node.on('slide', this.callback, this);
    }
    callback(slider: Slider) {
        // 回调的参数是 slider 组件，注意这种方式注册的事件，无法传递 customEventData