Titanium 改性钛滑块

默认的钛滑块只允许您在其上有一个引脚

如何修改它，使其接受一系列值。比如年龄范围

干杯

更新（安装模块后）：

---

滑块不会出现在屏幕上。我猜是因为滑块图像丢失了？

给你。钛合金带拉宁选项的滑块

---

谢谢

谢谢！我如何安装和使用它-似乎没有任何自述说明。再次感谢。请阅读此guid以安装模块hi更新了我的原始帖子。已安装模块，但滑块未显示在窗口中。问题见OP，干杯。

// Double Slider example

var tidoubleslider = require('com.semanticpress.tidoubleslider');

var dSlider = tidoubleslider.createSlider({
    top: 40,
    height: 50,
    width: 280,
    leftTrackImage:'left2.png',
    highlightedLeftTrackImage:'highlightedLeft2.png',
    disabledLeftTrackImage:'disabledLeft2.png',
    centerTrackImage:'center2.png',
    highlightedCenterTrackImage:'highlightedCenter2.png',
    disabledCenterTrackImage:'disabledCenter2.png',
    rightTrackImage:'right2.png',
    highlightedRightTrackImage:'highlightedRight2.png',
    disabledRightTrackImage:'disabledRight2.png',
    leftThumbImage:'thumb.png',
    highlightedLeftThumbImage:'highlightedThumb.png',
    disabledLeftThumbImage:'disabledThumb.png',
    rightThumbImage:'thumb.png',
    highlightedRightThumbImage:'highlightedThumb.png',
    disabledRightThumbImage:'disabledThumb.png',
    min:0,
    max:50,
    leftValue:25,
    rightValue:50,
    enabled: true
});
$.ageSliderView.add(dSlider);

var leftLabel = Ti.UI.createLabel({
    top:30,
    left:20,
    width:100,
    height: 20,
    color:'black',
    text:dSlider.leftValue
});
$.ageSliderView.add(leftLabel);

var rightLabel = Ti.UI.createLabel({
    top:30,
    right:20,
    width:100,
    height: 20,
    color:'black',
    text:dSlider.rightValue,
    textAlign:'right'
});
$.ageSliderView.add(rightLabel);

dSlider.addEventListener('touchstart', function(e) {
    if (typeof e.value !== 'undefined') {
        if (e.thumbIndex === 0) {
            leftLabel.text = e.value.toFixed(1);
            leftLabel.color = 'red';
        }
        else {
            rightLabel.text = e.value.toFixed(1);
            rightLabel.color = 'red';
        }
    }
    else {
        leftLabel.color = 'gray';
        rightLabel.color = 'gray';
    }
});

dSlider.addEventListener('change', function(e) {
    if (e.thumbIndex === 0) {
        leftLabel.text = e.value.toFixed(1);
    }
    else {
        rightLabel.text = e.value.toFixed(1);
    }
});

dSlider.addEventListener('touchend', function(e) {
    if (typeof e.value !== 'undefined') {
        if (e.thumbIndex === 0) {
            leftLabel.text = e.value.toFixed(1);
            leftLabel.color = 'black';
        }
        else {
            rightLabel.text = e.value.toFixed(1);
            rightLabel.color = 'black';
        }
    }
    else {
        leftLabel.color = 'black';
        rightLabel.color = 'black';
    }
});