Apache Flex

Il était difficile pour les développeurs d'applications traditionnelles de travailler avec la plate-forme Flash même. En effet, celle-ci sert à la base à créer des animations. Flex cherche à minimiser ce problème en fournissant un modèle de programmation qui est familier à ces développeurs. MXML, un langage de description basé sur XML, offre la possibilité de créer rapidement une interface utilisateur. L'interactivité est créée par l'utilisation d'ActionScript 3.0, reposant sur le standard ECMAScript.

Le SDK Flex fournit de nombreux composants graphiques, dont des boutons, des listes, des arbres, des tableaux de données, et plusieurs conteneurs utilisés pour la mise en page de l'interface. Les graphiques (Flex Charting) sont disponibles en tant qu'extension. D'autres fonctionnalités comme les services Web, le glisser-déposer, les effets ou la validation de formulaires viennent compléter ce framework applicatif.

Dans une architecture trois tiers, les applications Flex représentent la couche présentation. Contrairement aux applications HTML, les applications Flex fournissent un client "stateful", c'est-à-dire que les changements de la vue ne requièrent pas le chargement d'une nouvelle page. De la même manière, Flex et le Flash Player offrent la possibilité d'envoyer et de recevoir des données depuis et vers un serveur sans que le client doive recharger la vue.

Voici un exemple d'application Flex 3 utilisant MXML et ActionScript :

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  <mx:Script>
    <![CDATA[
      // Code ActionScript 3.0 directement intégré dans le fichier MXML
      // Ce code pourrait être placé dans un fichier séparé avec l'extension .as
      public function sayHello():void {
        lblResults.text = "Hello " + txtName.text;
      }
    ]]>
  </mx:Script>
  <mx:Panel x="10" y="10" width="306" height="200" layout="absolute.html" title="Say Hello">
    <mx:Label x="10" y="10" text="Entrez votre nom :"/>
    <mx:TextInput x="10" y="36" id="txtName"/>
    <mx:Button x="178" y="36" label="Dis Bonjour!" click="sayHello()"/>
    <mx:Label x="10" y="66" id="lblResults"/>
  </mx:Panel>
</mx:Application>

Ce code dessine un formulaire permettant à un utilisateur de saisir son nom puis d'afficher "Hello + [le nom saisi]" lorsque l'on clique sur le bouton "Dis Bonjour!".

Le même exemple avec Flex 4 et en utilisant les composants Spark :

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                  xmlns:s="library://ns.adobe.com/flex/spark"
                  xmlns:mx="library://ns.adobe.com/flex/mx">
  <fx:Script>
   <![CDATA[
   // Code ActionScript 3.0 directement intégré dans le fichier MXML
   // Ce code pourrait être placé dans un fichier séparé avec l'extension .as
   public function sayHello():void {
    lblResults.text = "Hello " + txtName.text;
   }
  ]]>
  </fx:Script>
  <s:layout>
    <s:BasicLayout />
  </s:layout>
  <s:Panel x="10" y="10" width="306" height="200.html" title="Say Hello">
   <s:layout>
     <s:BasicLayout />
   </s:layout>
   <s:Label x="10" y="10" text="Entrez votre nom :"/>
   <s:TextInput x="10" y="36" id="txtName"/>
   <s:Button x="178" y="36" label="Dis Bonjour!" click="sayHello()"/>
   <s:Label x="10" y="66" id="lblResults"/>
 </s:Panel>
</s:Application>

• Microsoft Silverlight
• SMIL
• JavaFX
• ActionScript Foundry
• fxg, format de fichier graphique

• (fr) Site officiel d'Adobe
• (en) Site officiel de la fondation Apache
• (fr) Cours et tutoriels sur Flex
• (en) Documentation de l'API Flex 3
• (en) ReflexUtil - une extension (open source) pour l'exécution d'essais et de conception de Flex