Nativescript无法获得幻灯片事件

Question

如何获取滑块的幻灯片事件？我试过了

slider.on('slide', function(){
  console.log('slide!');
});

和

slider.on('change', function(){
  console.log('slide!');
});

但它不起作用:(（提前致谢。

Answer 1

Bind幻灯片值为observable object，然后收听该对象的propertyChangeEvent。

示例

鉴于您的XML看起来像这样：

<Page loaded="pageLoaded">
    <StackLayout>
        <Slider value="{{ sliderValue }}" />
    </StackLayout>
</Page>

然后你可以像这样编写你的绑定和事件：

var observable = require("data/observable");

function pageLoaded(args) {
    var page = args.object;
    var viewModel = new observable.Observable();
    viewModel.set('sliderValue', 42);
    page.bindingContext = viewModel;

    viewModel.on(observable.Observable.propertyChangeEvent, function(propertyChangeData){
        //Do your magic here
    });

}
exports.pageLoaded = pageLoaded;

数据绑定和可观察对象是NativeScript的关键部分。我强烈建议您阅读文档并熟悉它们：

• https://docs.nativescript.org/bindings.html
• https://docs.nativescript.org/ApiReference/data/observable/HOW-TO.html