Nativescript 无法获取幻灯片事件

Question

如何获取滑块的滑动事件？我试过了

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

和

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

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

Answer 1

Bind the slide value to an 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;

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

Nativescript 无法获取幻灯片事件

Nativescript can't get slide event

slider

slide

nativescript