2012-11-01 30 views
0

我想用鈦代替使用createProgressBar功能來創建自己的進度條......或者我希望能夠風格(改變它的外表,背景等)的進度使用createProgressBar函數創建。我怎樣才能做到這一點?如何使用鈦創建客戶風格進度欄?

var ind2 = Titanium.UI.createProgressBar({ 
    width : 200, 
    min : 0, 
    max : 90, 
    value : 0, 
    height : 150, 
    color : '#000000', 
    font : { 
     fontSize : 14, 
    }, 
    top : 60 
}); 
+0

在iOS或Android?對於iOS來說,這不是真的可能,除了黑客攻擊之外,你必須創建一個模塊。 [檢查了這一點。(http://stackoverflow.com/questions/6228626/are-there-customizable-progress-bars-for-ios) –

+0

什麼是不可能的它在iOS?看到我的答案。 –

回答

1

使用視圖。用圖形對它進行修飾。

var win = Ti.UI.createWindow({ 
    backgroundColor: 'white' 
}); 
var track = Ti.UI.createView({ 
    width: 100, height: 30, 
    backgroundColor: 'red' 
}); 
var progress = Ti.UI.createView({ 
    left: 0, 
    width: 1, height: 30, 
    backgroundColor: 'green' 
}); 
track.add(progress); 
win.add(track); 
win.addEventListener('open', function() { 
    progress.animate({ 
     width: 100, 
     duration: 5000 
    }); 
    // or: progress.width = 100; 
}); 
win.open(); 
0

如果只的iOS,您可以使用NappAppearance module和定製您的進度是這樣的:

var NappAppearance = require('dk.napp.appearance'); 
NappAppearance.setGlobalStyling({ 
    progressBar:{ 
     progressTintColor:"#CD1625", 
     trackTintColor:"#ececec", 
     progressImage:"/images/components/progressBarBG.png", 
     trackImage:"/images/components/progressBarTrack.png" 

    }, 
});