So erstellen Sie ein Ereignis nach einem Ereignis in Appcelerator Titanium

Question

Ich versuche, Code neu zu erstellen, um einen benutzerdefinierten Fortschrittsbalken zu erstellen - aber ich bin nicht in der Lage zu verstehen, wie Sie die endgültige Änderung vornehmen.

Die aktuelle Implementierung macht den Fortschrittsbalken. Was ich möchte ist, dass der Fortschrittsbalken den Text aktualisiert und dann von selbst verschwindet. So

var win = Ti.UI.createWindow({ 
    backgroundColor: 'white', 
}); 

var label1 = Ti.UI.createLabel({ 
    text: 'Working on it...', 
    textAlign:'center', 
}); 

var track = Ti.UI.createView({ 
    width: "60%", height: "20%", 
    borderRadius:40, 
    backgroundColor: 'red' 
}); 
var progress = Ti.UI.createView({ 
    borderRadius:40, 
    left: 0, 
    width: 5, height: "100%", 
    backgroundColor : "green" 

}); 
track.add(progress); 
track.add(label1); 
win.add(track); 

win.addEventListener('open', function() { 
    progress.animate({ 
     width: "100%", 
     duration: 1000 
    }); 
}); 

win.open(); 

, wenn die endgültige grüne Fortschritt abgeschlossen ist - ich möchte

ein. ersetzen Sie das "daran arbeiten" durch "vollständig"
b. Nach 1000 ms - den gesamten Fortschrittsbalken verschwinden lassen.

Answer 1

Keine Notwendigkeit Listener hinzufügen für eine vollständige Ereignis können Sie anonyme Funktion in belebter Methode selbst hinzufügen

zB

progress.animate({ 
    width: "100%", 
    duration: 1000 
},function(e){ 
    label1.text = "complete"; 
    win.remove(track); 
}); 

Answer 2

können Sie verwenden complete Ereignis-Listener von Animation object

// create the animation 
    var animation = Ti.UI.createAnimation({ 
    width: "100%", 
    duration: 1000 
    }); 

    animation.addEventListener("complete", function onAnimationComplete(e){ 
    // YOUR CODE HERE 
    animation.removeEventListener("complete", onAnimationComplete); 
    }); 

progress.animate(animation); 

Mehr Details Titanium.UI.Animation