Auteur: Jérôme Forget. Publié le 30 juillet 2006.
Si un moteur de chargement (ou de préchargement) avec indication textuelle du pourcentage de chargement convient dans la plupart des cas, il est plus fréquent de voir des moteurs de chargement avec un indicateur graphique ou animé. La barre de progrès, qui indique visuellement l'état du chargement, est un des indicateurs les plus souvent utilisés.
Nous reprenons ici la méthode pour construire un moteur de chargement simple, en ajoutant une simple ligne de code (en caractères gras).
stop();
var nChargementIntervalle:Number = setInterval(this, "surveilleChargement", 100);
function surveilleChargement():Void {
var nOctetsCharges:Number = this.getBytesLoaded();
var nOctetsTotal:Number = this.getBytesTotal();
mBarreProgres._xscale = nOctetsCharges / nOctetsTotal * 100;
if(nOctetsCharges >= nOctetsTotal) {
clearInterval(nChargementIntervalle);
play();
}
}
La nouvelle ligne de code ajuste la dimension d'un clip mBarreProgres sur l'axe des x, de sorte que la dimension du clip corresponde au pourcentage du chargement complété. Bien sûr, vous devrez ajouter un clip sur la scène dont le nom d'instance est mBarreProgres pour que ce code fonctionne. Le clip doit contenir une forme rectangulaire, alignée à gauche (afin que le côté gauche du rectangle soit positionné à 0).