Slider 组件参考

    点击 属性检查器 下面的 添加组件 按钮,然后选择 UI/Slider 即可添加 Slider 组件到节点上。

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

    slider-event

    事件结构参考:

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

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

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

    方法二

    1. // 假设我们在一个组件的 onLoad 方法里面添加事件处理回调,在 callback 函数中进行事件处理:
    2. import { _decorator, Component, SliderComponent } from 'cc';
    3. const { ccclass, property } = _decorator;
    4. @ccclass("example")
    5. export class example extends Component {
    6. @property(SliderComponent)
    7. this.slider.node.on('slider', this.callback, this);
    8. }
    9. callback(slider: SliderComponent) {
    10. // 回调的参数是 slider 组件,注意这种方式注册的事件,无法传递 customEventData
    11. }