Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

29oct/086

Flex UIComponent – Les Composants de type Boutons (Button, LinkButton, RadioButton, CheckBox)

Il y a quatre type de boutons basiques: Button, LinkButton, RadioButton et CheckBox. Bien que chaque type se comporte de la même manière, chacun a son utilité.

This movie requires Flash Player 11

Les plus similaires dans leur fonctionnement sont Button et LinkButton. En fait, la vraie différence est purement esthétique: les Button ont des bordures/fonds alors que les LinkButton n'en ont pas. Cependant, vous allez typiquement utiliser ces deux types pour la même utilisation.
Avec Button et LinkButton, le comportement par défaut est de répondre à chaque click de la même manière. Cependant, vous pouvez fixer leur propriété "toggle" à true et dans ce cas, le bouton aura deux état: sélectionné et desélectionné. Le click de l'utilisateur servira à basculer entre ces états.

29oct/080

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".

Remplis sous: ActionScript Lire la suite
28oct/083

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.

28oct/080

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);
28oct/080

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