Flex UIComponent – Les évènements standard des Composants Flex
La classe flash.events.Event est la classe de base pour tous les évènements d'une application Flex. Cependant, de nombreux objets évènement sont des instances de sous-type d'Event (c'est-à-dire des classes qui héritent/extends d'Event). Par exemple, les évènements liés à la souris (click, mouseOver, etc.) sont de type MouseEvent.
Les objets évènement ont toujours une propriété "type" qui indique le type d'évènements que l'objet représente. Par exemple, un évènement click propage un objet dont la propriété "type" est click. Les objets évènement ont aussi des propriétés "target" qui référencent l'objet qui a propagé l'évènement. Dans certains cas, le target peut être un autre objet que celui pour lequel vous avez enregistré le listener. Cela se produit quand l'objet pour lequel vous avez enregistré l'évènement contient des composants enfant qui propagent aussi le même évènement. Si vous voulez être sur d'obtenir une référence vers l'objet pour lequel le listener est enregistré, utilisez la propriété "currentTarget".
Flex UIComponent – Traiter les évènements (MXML et ActionScript)
Les évènements (event) sont le moyen par lequel les objets (comme les composants visuels) peuvent communiquer avec le reste de l'application. Il y a deux types d'évènements: les évènements utilisateur et les évènements système. Les évènements utilisateur sont les évènements qui se produisent directement après l'interaction de l'utilisateur avec l'application Flex. Par exemple, quand un utilisateur clique sur un bouton, un évènement click se produit, et quand un utilisateur étend un menu (comme une ComboBox par exemple), un évènement open se produit. D'autre part, un évènement système se produit car quelque chose s'est produit dans l'application, en réponse à une initialization, un opération asynchrone ou d'autres comportement sans lien avec l'utilisateur. Par exemple, quand un composant est crée, plusieurs évènements se produisent durant les étapes de la création, indiquant quels aspects du composant sont accessibles.
Quand un évènement se produit, on dit que l'évènement est dispatché/propagé (dispatched ou broadcasted). L'objet qui propage un évènement est appelé un target(cible). Tous les composants visuels Flex sont des target potentiels, ce qui signifie que tous les composants UI propagent des évènements. L'évènement qui est propagé à la forme d'un objet de type flash.events.Event (ou un sous-type). Une instance d'Event fournit des informations à propos de l'évènement, dont le type d'évènement (open, click, etc...) et le target qui a propagé l'évènement.
Quand un composant propage un évènement, rien ne se produit en réponse, sauf si quelque chose (appelé un listener) est configuré pour recevoir les notifications. Il y a deux manières de traiter (handle) les évènements dans une application Flex: soit en utilisant les attributs MXML, soit en utilisant de l'ActionScript.
Flex UIComponent – Instances et Propriétés génériques des UIComponent
Création d'instance de composant visuel
Vous pouvez créer des instances de composants visuels soir en MXML, soit en ActionScript. Si vous utilisez du MXML, vous devrez utiliser le tag qui a le même nom que le composant.
Par exemple, le code suivant créer une instance de Button:
<mx:Button />
Si vous voulez utiliser de l'ActionScript, vous devrez utiliser le constructeur du composant grâce à une instruction new. Le code suivant crée une instance de Button en ActionScript:
var button:Button = new Button();
Si vous créez un composant en utilisant de l'ActionScript, il ne sera pas automatiquement ajouté à la liste d'affichage (contrairement au MXML). Si vous voulez ajouter le composant à la liste d'affichage pour qu'il soit visible, vous devez utiliser la méthode addChild() d'un conteneur:
addChild(button);
Flex UIComponent – Les Composants Visuels du framework Flex (User Interface Components)
Le framework Flex rassemble de nombreux composants. A l'intérieur du framework, il y a de nombreux types de composants, des composants data aux composants de mise en page en passant par les composants visuels (User Interface Components). Les composants visuels affichent quelque chose à l'utilisateur et/ou permettent une interaction avec l'application.
Bien qu'il n'y ait pas de classification formelle pour les composants visuels du framework Flex, on peut les rassembler dans plusieurs catégories:
- Boutons: Button, LinkButton, RadioButton, CheckBox
- Sélecteurs de valeurs: HSlider, VSlider, NumericStepper, ColorPicker, DateField, DateChooser
- Composants Texte: Label, Text, TextInput, TextArea, RichTextEditor
- Listes: List, ComboBox, DataGrid, HorizontalList, TileList, Tree
- Pop-up: PopUpButton, PopUpMenuButton
- Fenêtres: Panel, TitleWindow
- Navigateurs: ViewStack, Accordion, ButtonBar, LinkBar, MenuBar, TabBar, TabNavigator, ToggleButtonBar
- Barre de contrôle: ControlBar, ApplicationControlBar
- Média et indicateur de progression: Image, SWFLoader, VideoDisplay, ProgressBar





