0

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

2 に答える 2

2

ビューを使用します。グラフィックで飾ってください。

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();
于 2012-11-02T20:43:39.560 に答える
0

iOSのみの場合は、NappAppearanceモジュールを使用して、次のようにプログレスバーをカスタマイズできます。

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

    },
});
于 2013-10-08T09:47:59.077 に答える