티타늄 슬라이더 수정

Question

기본 티타늄 슬라이더는 한 개의 핀만 가질 수 있습니다.

어떻게 값을 수정할 수 있도록 수정할 수 있습니까? 연령대 등?

건배.

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

슬라이더는 화면에 표시되지 않는다. 나는 그것이 슬라이더 이미지가 없기 때문에 그것이라고 생각한다? 여기

Answer 1

당신이

https://github.com/tzmartin/Ti-Double-Slider/tree/master/dist

감사 티타늄