Flex

From Isiwiki

1 Fiche d'identité de FLEX
2 exemple
3 ressource
4 environnement de développement
5 exemples

[edit] Fiche d'identité de FLEX

Initiateur: Adobe (& IBM)
Début:2006
Status: en open source depuis avril 2007
Type de programmation: Langage déclaratif de script pour générer des interfaces web style XML. La description de l'interface graphique se fait par spécification d'une hiérarchie de composants graphiques. Les actions sont décrites avec le langage actionScript. L'ensemble définit le langage MXML (MacroMédia XML). Ces spécifications sont ensuite compilées en flash.
Runtime: Le moteur est celui de flash

[edit] exemple

Dans le SDK de flex, on trouve un ensemble d'exemples. L'exemple sur le diaporama est parfait pour se faire une idée sur la complexité du langage et sur l'interactivité des interfaces proposées par flex.

Pour exemple, nous avons choisi un composant dans l'exemple explorer qui valide une entrée (la longueur d'un code postal. On voit bien la séparation entre la partie définition des composants graphiques et la spécification des actions.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
   <mx:Script>
       import mx.controls.Alert;
   </mx:Script>
   <mx:ZipCodeValidator source="{zip}" property="text" 
       trigger="{myButton}" triggerEvent="click"  
       valid="Alert.show('Validation Succeeded!');"/>
   <mx:Panel title="ZipcodeValidator Example" width="75%" height="75%" 
       paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
       <mx:Form>
           <mx:FormItem label="Enter a 5 or 9 digit U.S. Zip code: ">
               <mx:TextInput id="zip" width="100%"/>
           </mx:FormItem>
           <mx:FormItem >
               <mx:Button id="myButton" label="Validate" />
           </mx:FormItem>
       </mx:Form>
   </mx:Panel>
</mx:Application>