Flex en un clin d'œil : Prise en main
Sommaire
- Programmation avec MXML et ActionScript
- Création d'une première application
- Gestion des événements
- Positionnement et disposition de composants Flex
- Incorporation de ressources applicatives
Création d'une première application
Les fichiers MXML étant des fichiers XML ordinaires, vous disposez d'un vaste choix d'environnements de développement. Vous pouvez écrire du code MXML dans un éditeur de texte simple, un éditeur XML dédié ou un environnement de développement intégré (IDE) prenant en charge l'édition de texte. Flex propose un IDE dédié, appelé Adobe® Flex™ Builder™ 2, que vous pouvez utiliser pour développer vos applications.
La première ligne du fichier MXML est la déclaration XML. Cette ligne doit être la première ligne de chaque fichier MXML.
La ligne suivante est la balise <mx:Application> , qui définit le conteneur Application. Elle est toujours la balise racine d'une application Flex.
La balise <mx:Panel> définit un conteneur Panel qui inclut une barre de titre, un titre, un message d'état, une bordure et une zone de contenu pour ses enfants. Sa propriété title est définie sur "My Application".
La balise <mx:Label> représente un contrôle Label, un composant d'interface utilisateur extrêmement simple qui affiche du texte. Sa propriété text est définie sur "Hello, World!".
Les propriétés fontWeight et fontSize de la balise <mx:Label> changent le style de la police utilisée. Vous pouvez également utiliser des feuilles de style CSS pour appliquer un style à vos composants. Pour plus d'informations, reportez-vous à la section "Using Cascading Style Sheets (CSS)" du document Flex 2 Developer's Guide*.
Remarque : Vous pouvez compiler votre application Flex à l'aide du compilateur de ligne de commande mxmlc ou de Flex Builder 2. Pour obtenir la procédure de compilation de votre application avec mxmlc, reportez-vous au didacticiel Programmation en langages MXML et ActionScript.
Exemple
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="src/HelloWorld/index.html" horizontalAlign="center" verticalAlign="middle" width="300" height="160" > <mx:Panel paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10" title="My Application" > <mx:Label text="Hello World!" fontWeight="bold" fontSize="24"/> </mx:Panel> </mx:Application>
Résultat
This content requires Flash
Pour afficher la source complète, cliquez avec le bouton droit de la souris sur l'application Flex et sélectionnez View Source dans le menu contextuel.
Pour plus d'informations
Pour plus d'informations sur la création d'applications Flex, reportez-vous à la section "Developing Applications in MXML" du document Flex 2 Developer's Guide*.
À propos de l'auteur
Aral Balkan est à la fois acteur, chanteur, directeur de plusieurs équipes de développement, concepteur d'interfaces utilisateur, architecte d'applications Internet riches et responsable d'OSFlash.org*, groupe d'utilisateurs Macromedia à Londres, et d'Ariaware*, sa propre société. Il aime parler des modèles de conception et rédiger des articles pour des livres et des magazines. Il est également le créateur d'Arp*, le framework RIA Open Source de la plate-forme Flash. Aral est quelqu'un d'opiniâtre et de passionné. Il sourit beaucoup et peut même mâcher du chewing-gum en marchant.
