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

Flex PopUp – Utiliser des icônes dans une Alert Flex

Vous pouvez utiliser des images en tant qu'icônes pour les Alert. Les icônes des Alert vont toujours apparaître à la gauche du texte principal. Vous pouvez spécifier une image Embed comme sixième paramètre. Ce paramètres facultatif est le paramètre iconClass:Class, par défaut à null qui n'affiche aucun icône. Ces icônes gèrent très bien la transparence, vous pouvez donc utilisez un fichier image PNG avec transparence.

Voici un exemple d'utilisation pour mettre du style dans vos Alert avec une icône:

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="creationCompleteHandler(event)" viewSourceURL="srcview/index.html">

    <mx:Script>
        <![CDATA[
        	import mx.events.CloseEvent;
            import mx.controls.Alert;

            [Embed(source="assets/infoPopUpIcon.png")]
            private var infoIconClass:Class;
            [Embed(source="assets/SaveRequestIcon.png")]
            private var saveIconClass:Class;

            private function creationCompleteHandler(event:Event):void{
            	Alert.yesLabel = "Oui";
            	Alert.noLabel = "Non";
            }
            private function clickHandlerInfo(event:Event):void {
                Alert.show("Texte d'information", "Info...", Alert.YES | Alert.NO, this, null, infoIconClass);
            }
            private function clickHandlerSave(event:Event):void {
                Alert.show("Voulez-vous sauvegarder", "Sauver...", Alert.YES | Alert.NO, this, null, saveIconClass);
            }
        ]]>
    </mx:Script>
      <mx:Button label="Afficher une Alert avec icône information" click="clickHandlerInfo(event);"/>
      <mx:Button label="Afficher une Alert avec icône enregistrer" click="clickHandlerSave(event);"/>
</mx:Application>

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