titanium开发教程-02-03创建滑竿

var win = Titanium.UI.createWindow({
backgroundColor:"#FFF"
});

var slider1 = Titanium.UI.createSlider({
height:"auto",
width:300,
top:100,
min:0, //slider最小值 (Android)
max:10 //slider最大值 (Android)
});

//这个标签包含了文本将改变与每一个slider1移动
var results1 = Titanium.UI.createLabel({
text:"滑动slider1",
height:40,
width:"auto",
top:140
});

var slider2 = Titanium.UI.createSlider({
height:"auto",
width:300,
bottom:40,
thumbImage:"images/bar.png", //slider bar图片
highlightedThumbImage:"images/bar-over.png",
rightTrackImage:"images/button.png",
leftTrackImage:"images/button-over.png",
min:0,
max:100,
value:50
});

var results2 = Titanium.UI.createLabel({
text:"滑动slider2",
height:40,
width:"auto",
bottom:10
});

var PLATFORM = Titanium.Platform.osname;

//在Android, 我们可以设置最大最小值
if(PLATFORM === "android"){
var slider3 = Titanium.UI.createSlider({
height:"auto",
width:300,
top:220,
min:0,
max:100,
minRange:25,
maxRange:75,
value:50 //初始值
});

var results3 = Titanium.UI.createLabel({
text:"滑动slider3 (Android)",
height:40,
width:"auto",
top:260
});
}

slider1.addEventListener("change", function(e){
results1.text = e.value;
});

slider2.addEventListener("change", function(e){

results2.text = e.value;
});

if(PLATFORM === "android"){
slider3.addEventListener("change", function(e){

results3.text = e.value;
});
}

win.add(slider1);
win.add(results1);
win.add(slider2);
win.add(results2);

if(PLATFORM === "android"){
win.add(slider3);
win.add(results3);
}

win.open();