</fx:Script>
 <s:HGroup left="10" right="10" top="10" bottom="10">
 <mx:ComboBox dataProvider="{cards}" width="150" close="closeHandler(event);"/>
 <s:VGroup width="250">
 <s:Label width="200" color="blue" text="Sélectionnez un type de carte de crédit."/>
 <s:Label id="myLabel" text="Vous avez sélectionné : "/>
 <s:Label id="myData" text="Donnée : "/>
 </s:VGroup>
 </s:HGroup>
</s:WindowedApplication>
Datagrid.
<?xml version="1.0"?>
<!-- DataGrid control example. -->
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml">
 <mx:XMLList id="employees">
 <employee>
 <name>Christina Coenraets</name>
 <phone>555-219-2270</phone>
 <email>ccoenraets@fictitious.com</email>
 <active>true</active>
 </employee>
 <employee>
 <name>Joanne Wall</name>
 <phone>555-219-2012</phone>
 <email>jwall@fictitious.com</email>
 <active>true</active>
 </employee>
 <employee>
 <name>Maurice Smith</name>
 <phone>555-219-2012</phone>
 <email>maurice@fictitious.com</email>
 <active>false</active>
 </employee>
 <employee>
 <name>Mary Jones</name>
 <phone>555-219-2000</phone>
 <email>mjones@fictitious.com</email>
 <active>true</active>
 </employee>
 </mx:XMLList>
 <mx:Panel title="DataGrid Control Example" height="100%" width="100%" paddingTop="10" paddingLeft="10" paddingRight="10">
 <mx:Label width="100%" color="blue" text="Select a row in the DataGrid control."/>
 <mx:DataGrid id="dg" width="100%" height="100%" rowCount="5" dataProvider="{employees}">
 <mx:columns>
 <mx:DataGridColumn dataField="name" headerText="Name"/>
 <mx:DataGridColumn dataField="phone" headerText="Phone"/>
 <mx:DataGridColumn dataField="email" headerText="Email"/>
 </mx:columns>
 </mx:DataGrid>
 <mx:Form width="100%" height="100%">
 <mx:FormItem label="Name">
 <mx:Label text="{dg.selectedItem.name}"/>
 </mx:FormItem>
 <mx:FormItem label="Email">
 <mx:Label text="{dg.selectedItem.email}"/>
 </mx:FormItem>
 <mx:FormItem label="Phone">
 <mx:Label text="{dg.selectedItem.phone}"/>
 </mx:FormItem>
 </mx:Form>
 </mx:Panel>
</mx:WindowedApplication>
Il est intéressant de noter que les événements on click et autres sont actifs par défaut dans le formulaire flex
DateChooser.
<?xml version="1.0"?>
<!-- Simple example to demonstrate DateChooser control. -->
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml">
 <mx:Script>
 <![CDATA[
 // Event handler function to write the selected
 // date to the Label control. 
 private function displayDate(date:Date):void {
 if (date == null)
 selection.text = "Date selected: ";
 else
 selection.text = "Date selected: " + date.getFullYear().toString() +
 '/' + (date.getMonth()+1).toString() + '/' + date.getDate();
 ]]>
 </mx:Script>
 <mx:DateFormatter id="df"/>
 <mx:Panel title="DateChooser Control Example" height="75%" width="75%" 
 paddingTop="10" paddingLeft="10" paddingRight="10">
 <mx:Label width="100%" color="blue"
 text="Selectionnez une date dans le controle DateChooser."/>
 <mx:HBox horizontalGap="25">
 <mx:VBox>
 <mx:Label text="Simple DateChooser control."/>
 <mx:DateChooser id="dateChooser1" yearNavigationEnabled="true" 
 change="displayDate(DateChooser(event.target).selectedDate)"/>
 <mx:Label id="selection" color="blue" text="Date selected:"/>
 </mx:VBox>
 </mx:HBox>
 </mx:Panel> 
</mx:WindowedApplication>
DateField.
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the DateField control. -->
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml">
 <mx:DateFormatter id="df"/>
 <mx:Panel title="DateField Control Example" height="75%" width="75%" 
 paddingTop="10" paddingLeft="10" paddingRight="10">
 <mx:Label text="Disable dates before June 1, 2006."/>
 <mx:DateField id="dateField2" yearNavigationEnabled="true" 
 disabledRanges="{[ {rangeEnd: new Date(2010, 12, 1)} ]}" />
 <mx:Label color="blue" text="Date selected: {df.format(dateField2.selectedDate)}"/>
 </mx:Panel>
</mx:WindowedApplication>
HorizontalList.
<?xml version="1.0"?>
<!-- Simple example to demonstrate the HorizontalList Control. -->
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml">
 <mx:Script>
 <![CDATA[
 [Bindable]
 [Embed(source="C:/_ADM_/_IMG/Nokia1.jpg")]
 public var phone1:Class;
 [Bindable]
 [Embed(source="C:/_ADM_/_IMG/Nokia2.jpg")]
 public var phone2:Class;
 ]]>
 </mx:Script>
 <mx:Panel title="HorizontalList Control Example" height="75%" width="75%" 
 paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
 <mx:HorizontalList id="CameraSelection" height="250" columnCount="3" columnWidth="125">
 <mx:dataProvider>
 <mx:Array>
 <mx:Object label="Nokia 6630" icon="{phone1}"/>
 <mx:Object label="Nokia 6680" icon="{phone2}"/>
 </mx:Array>
 </mx:dataProvider>
 </mx:HorizontalList>
 </mx:Panel>
</mx:WindowedApplication>
HSlider.
<?xml version="1.0"?>
<!-- Simple example to demonstrate the HSlider control. -->
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml">
 <mx:Script>
 <![CDATA[
 private var imageWidth:Number=0;
 private var imageHeight:Number=0;
 // Event handler function to change the image size.
 private function changeSize():void
 phoneImage.width=uint(imageWidth*hSlider.value/100);
 phoneImage.height=uint(imageHeight*hSlider.value/100);
 ]]>
 </mx:Script>
 <mx:Panel id="panel" title="Exemple Controle HSlider" height="100%" width="95%" 
 paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
 <mx:HBox height="100%" width="100%">
 <mx:Image id="phoneImage" source="@Embed('C:/_ADM_/_IMG/Ident.jpg')" 
 creationComplete="imageWidth=phoneImage.width; imageHeight=phoneImage.height;" />
 </mx:HBox>
 <mx:Label color="blue" text="Déplacez le slider pour redimensionner l'image."/>
 <mx:HSlider id="hSlider" minimum="0" maximum="100" value="100" 
 dataTipPlacement="top" 
 tickColor="black" 
 snapInterval="1" tickInterval="10" 
 labels="['0%','100%']" 
 allowTrackClick="true" 
 liveDragging="true"
 change="changeSize();"/>
 </mx:Panel>
</mx:WindowedApplication>
Image.
<?xml version="1.0"?>
<!-- Simple example to demonstrate the Image control. -->
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml">
 <mx:Panel id="myPanel" title="Image Exemple" 
 height="75%" width="75%" horizontalAlign="center"
 paddingTop="10" paddingLeft="10">
 <mx:Label color="blue" text="Image encapsulée dans l'application."/>
 <mx:Image source="@Embed('c:/_ADM_/_IMG/Ident.jpg')"/>
 </mx:Panel>
</mx:WindowedApplication>
Label.
<?xml version="1.0"?>
<!-- Simple example to demonstrate the Image control. -->
<mx:WindowedApplication 
 xmlns:mx="http://www.adobe.com/2006/mxml"
 creationComplete="setLabel()"