티타늄을 사용하여 고객 스타일 진행률 표시 줄을 만드는 방법은 무엇입니까?

Question

createProgressBar 함수를 사용하는 대신 티타늄을 사용하여 내 진행률 막대를 만들고 싶습니다 ... 또는 createProgressBar 함수를 사용하여 만든 progressBar의 스타일 (모양, 배경 등 변경)을 원합니다. 어떻게해야합니까?

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

Answer 1

보기를 사용하십시오. 그래픽으로 멋지게 꾸밀 수 있습니다. 그것은 단지 아이폰 OS를인지

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(); 

Answer 2

, 당신은 NappAppearance module를 사용하고이처럼 진행 막대를 사용자 정의 할 수 있습니다 : iOS 또는 안드로이드에

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

    }, 
});