Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

6déc/081

Composant Flex – Loading Spinner Type Web 2.0

Loading Spinner est un composant Flex Open Source écrit par Jake Hawkes qui reproduit les GIF de chargement que l'on peut souvent voir dans les sites types web 2.0. C'est aussi le genre d'animation de chargement que l'on peut voir lorsqu'un onglet de Firefox est en train de charger.

Ce composant peut remplacer une ProgressBar en mode indeterminate, c'est-à-dire quand on ne peut pas donner un pourcentage d'avancement du chargement.

Voici quelques exemples crées rapidement avec le composant Loading Spinner:

Flex Source Code Download: Télécharger le code source complet de l'application

This movie requires Flash Player 11

6déc/080

Flex / Air – Centrer une fenêtre Air (Window ou WindowedApplication)

Une solution simple à une problème simple: comment centrer une fenêtre créée dans Air.

Avec ce code, vous pouvez centrer la racine de votre application (<mx:WindowedApplication>) ou une fenêtre que vous avez ouvert en pop-up (Window). En utilisant la classe Capabilities du package flash.system, vous pouvez avoir accès à la résolution de l'écran (screenResolutionX et screenResolutionY). Un simple calcul prenant en compte la largeur de la fenêtre permet ensuite de centrer la fenêtre.

Pour fixer la position x/y de la fenêtre, on utilise la propriété nativeWindow qui nous donne accès aux coordonnées de la fenêtre.

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml"
    width="450" height="400" layout="absolute"
    creationComplete="creationCompleteHandler(event);">

    <mx:Script>
        <![CDATA[
        	import flash.system.Capabilities;

            private function creationCompleteHandler(event: Event): void{
                nativeWindow.x = (Capabilities.screenResolutionX - nativeWindow.width) / 2;
                nativeWindow.y = (Capabilities.screenResolutionY - nativeWindow.height) / 2;
            }
        ]]>
    </mx:Script>
</mx:WindowedApplication>