Le composant Flex <mx:Image> permet d'importer des fichiers JPEG, PNG, GIF, et SWF à l'exécution. Vous pouvez aussi embarquer ces fichiers à la compilation en utilisant @Embed(source='nomFichierImage').
Les images embarquées sont chargées immédiatement, car elles font déjà partie du fichier Flex SWF. Cependant, elle font augmenter la taille du SWF et vous devez recompiler à chaque modification.
L'alternative à cela est de charger les ressources à l'exécution. Vous pouvez charger une ressource depuis le système de fichiers local là où la SWF est situé ou y accéder depuis une ressource distante (par HTTP typiquement).
Cependant, le temps que l'image se charge, une espace transparent est affiché sans donner à l'utilisateur d'information sur la progression du téléchargement de l'image.
Pour remédier à ce problème, Tony Fendall a crée un composant extrêmement pratique. Son composant, appelé LoadingImage permet d'avoir une barre de chargement représentant le taux de téléchargement actuel de l'image, et cela de façon automatique.
Ce composant extends la classe Image pour en garder l'ensemble des fonctionnalités de <mx:Image> et les même paramètres. Vous pouvez donc remplacer tous vos tags <mx:Image> par <controls:LoadingImage> et vous verrez apparaitre la barre de chargement par défaut.
Le composant LoadingImage ajoute de nouvelles propriétés, ainsi vous pouvez choisir la taille de la ProgressBar (progressPercentWidth et progressHeight). Vous pouvez bien sur modifier d'autres informations directement dans la classe LoadingImage, la couleur de la barre de chargement par exemple.
Ci-dessous, un exemple d'application simple:
Flex Source Code Download: Télécharger le code source complet de l'application
Vous pouvez télécharger directement ce composant Flex LoadingImage ou consulter les sources de l'exemple.
Autres Tutoriaux Flex liés:
- Flex Localization – Utilisation des Resource Bundles avec @Resource
- Flex Library – Charger des icon pour composant Flex à l'exécution avec IconUtility (non Embed)
- Flex Localization – Utilisation des Resource Bundles avec le ResourceManager
- Flex ActionScript – Intercepter l'Erreur #2044 (IOErrorEvent) lancée par Loader [Résolu]
- Composant Flex – Afficher/masquer les barres d'outils d'un RichTextEditor avec RichTextEditorRemoveSubcontrols
Bonjour,
Dans une application de book, je fais le chargement des images dynamiquement via cs3, cela avec une boucle, mes images ne pouvant être embarqués par cette méthode, j'ai trouvé une solution pour détecter la fin des chargement de ces images (Event.COMPLETE), je peux mettre le code si ça intéresse.
Ma question est: Connaissez vous une solution d'attente (chargement...) conviviale me permettant de remplacer mon "chargement en cours, veuillez patienter"
Merci
Dean
Re
je viens de lire le post suivant
http://www.flex-tutorial.fr/2008/05/29/flex-preloader-creer-un-preloader-personnalise/
intéressant.
Merci pour le script. Il est formateur