修改鈦滑塊

默認的鈦滑塊只允許您在其上有一個銷。修改鈦滑塊

如何修改它，以便它接受一系列值。如年齡範圍？

乾杯。

UPDATE（後安裝模塊）：

// 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'; 
    } 
});

滑塊不會出現在屏幕上。我猜這是因爲滑塊圖像丟失了？

來源

2014-05-21 bobo2000