NativeScript Slider步骤

时间:2016-06-23 18:23:06

标签: nativescript

我在NativeScript应用程序中使用滑块小部件,我想知道是否有步骤属性。在我的情况下,小部件代表钱,我想以5美元的增量滑动。

我查看了文档,但在这种情况下找不到任何有用的东西。

谢谢。

2 个答案:

答案 0 :(得分:4)

没有任何东西可以将滑块设置为以5为一组递增;但这并不是真的需要做你想要的。你所要做的就是:

var yourDisplayValue = "$"+(slider.value * 5);

根据您正在做的事情,您可以创建一个observable,将滑块值和显示值都作为可观察变量。将函数附加到observable onchange事件;然后在滑块值更改时自动更新您的显示值。然后你只需显示显示值......

答案 1 :(得分:1)

如果其他人有同样的问题,我做了以下(使用@ Nathanael的建议):

model.customer.addEventListener(Observable.propertyChangeEvent, function(data) {
  if (data.propertyName.toString() == 'amount') {
    var v = ceil(model.customer.amount);
    var m = (5 - (v % 5)) + v;
    model.customer.set('amount_display', m);
  }
});

滑块绑定到金额,我有一个绑定到amount_display的标签。

此功能可用于为任何金额创建类似“步骤”的功能,只需将5替换为任何其他数字。