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

12jan/090

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

This movie requires Flash Player 11

Articles similaires

Commentaires (0) Trackbacks (0)

Aucun commentaire pour l'instant


Leave a comment

(required)

Aucun trackbacks pour l'instant