Flex Builder 3 Débutant ? Découvrez Flex et Adobe® Flex® Builder™ 3

Archive de octobre, 2008

31
oct

Flex UIComponent – Assigner un dataProvider à un Composant Flex en MXML et AS3

Par fnicollet 0 Commentaires
Categories: ActionScript, List and MXML Tags: , , , , , .

Vous pouvez utiliser n'importe quel type de collection (tant qu'il implémente ICollectionView) avec n'importe quel composant de type liste, ce qui permet d'avoir différentes structures de données. Tous ce que vous avez à faire, est de fixer la propriété dataProvider du composant à la collection.
Par exemple, le code suivant utilise un ArrayCollection pour peupler une liste (mx:List);

import mx.collections.ArrayCollection;
var collection:ArrayCollection = new ArrayCollection(["a", "b", "c", "d"]);
list.dataProvider = collection;

D'un autre côté, si la donnée est au format XML, vous pouvez facilement utiliser une XMLListCollection à la place:

import mx.collections.XMLListCollection;
public var xmlList:XMLList = XMLList("<item>a</item><item>b</item><item>c</item><item>d</item>");
public var collection:XMLListCollection = new XMLListCollection(xmlList);
list.dataProvider = collection;

Lire la suite: 'Flex UIComponent – Assigner un dataProvider à un Composant Flex en MXML et AS3'

31
oct

Flex UIComponent – Création d'un objet Collection en MXML et ActionScript

Par fnicollet 6 Commentaires
Categories: ActionScript and MXML Tags: , , , , .

Les composants Flex utilisent le modèle MVC (Model-View-Controller / Modèle-Vue-Controleur), un pattern qui différencie l'affichage de la data par rapport à la data elle-même. Cela se voit bien dans les composants de type Liste. Tous les composants de type Liste utilisent les data models. Dans le langage utilisé par ces composants, les data models sont appelés "data providers" qui sont des objets indépendants que vous pouvez associer avec le composant. Le composant utilise ensuite la donnée de cet objet pour rendre sa Vue.

Les Data Providers implémentent toujours l'interface mx.collections.ICollectionView. Bien que vous puissiez assigner un tableau ou un objet XML à la propriété dataProvider d'un composant, Flex va ensuite le convertir vers un type qui implémente ICollectionView. Cela veut dire que les Array seront convertis en un type mx.collections.ArrayCollection et les objets XML et XMLList seront convertis en mx.collections.XMLListCollection. Il est généralement mieux de pouvoir explicitement englober l'objet dans une collection avant de l'assigner à un data provider. De cette manière, vous êtes sur d'avoir une référence vers la vraie collection du data provider, plutôt que vers l'objet englobé dans cette collection.

Lire la suite: 'Flex UIComponent – Création d'un objet Collection en MXML et ActionScript'

30
oct

Flex UIComponent – Les Composants de type Liste (List, ComboBox, DataGrid, HorizontalList, TileList, Tree)

Par fnicollet 5 Commentaires
Categories: ActionScript, ComboBox, DataGrid, HorizontalList, List, TileList and Tree Tags: , , , , , .

Les composants de type liste sont ceux des plus sophistiqués du framework Flex. Ce sont des composants qui permettent à l'utilisateur de choisir un ou plusieurs item depuis une liste d'options. Dans sa forme la plus simple, ce peut être une liste verticale, de labels que l'utilisateur peut sélectionner. Cependant, ces composants peuvent être bien plus complexes, par colonnes, par grille, avec une hiérarchie, avec des icônes, des images et bien plus.

This movie requires Flash Player 9

La plus fondamentale de ces listes est le composant mx:List. Ces listes sont verticales, sur une colonne et avec une barre de défilement si besoin est.

Les HorizontalList sont identiques aux List, sauf qu'elle défilent de manière horizontale au lieu de verticale. Les HorizontalList sont typiquement utiles pour parcourir des icônes et/ou des images (miniatures), bien que l'on puisse l'utiliser seulement pour du texte.

Les ComboBox sont des listes qui se rassemblent en une seule ligne quand elle ne sont pas activées. On appelle aussi ce composant un drop-down menu, et il permet de sélectionner parmi une liste d'options quand son état est étendu. Une fois la valeur sélectionnée, le composant revient dans sa forme réduite.

Lire la suite: 'Flex UIComponent – Les Composants de type Liste (List, ComboBox, DataGrid, HorizontalList, TileList, Tree)'

30
oct

Flex UIComponent – Les Composants de type Texte (Label, Text, TextInput, TextArea, RichTextEditor)

Par fnicollet 2 Commentaires
Categories: Label, RichTextEditor, Text, TextArea and TextInput Tags: , , , , .

Il y a 5 types de composants texte, que l'on peut classer comme affichage ou comme input.

This movie requires Flash Player 9

Les composants Label et Text sont des composants d'affichage seulement. L'utilisateur ne peut pas éditer le contenu de ces types. Le composant Label est utile pour afficher une ligne de texte alors que le composant Text peut afficher plusieurs lignes à la fois.

Lire la suite: 'Flex UIComponent – Les Composants de type Texte (Label, Text, TextInput, TextArea, RichTextEditor)'

29
oct

Flex UIComponent – Les Composants de type Selecteur de Valeur (HSlider, VSlider, NumericStepper, ColorPicker, DateField, DateChooser)

Par fnicollet 0 Commentaires
Categories: ColorPicker, DateChooser, DateField, NumericStepper and Slider Tags: , , , , , .

Ces composants permettent à l'utilisateur de sélectionner une valeur. Ils sont tous différents car le type de valeur ainsi que la manière d'y accéder n'est pas la même.

Voici les composants de base (sauf le VSlider qui est la version verticale du HSlider):

This movie requires Flash Player 9

Lire la suite: 'Flex UIComponent – Les Composants de type Selecteur de Valeur (HSlider, VSlider, NumericStepper, ColorPicker, DateField, DateChooser)'

« Tutoriaux Flex Précédents

Bientôt sur flex-tutorial.fr …

  • - Tutoriaux BlazeDS
  • - Composants Flex

tutorial flex tutorial flex

flex Adobe Air AFCS Data Filter Lib ToasterLib librairies AS3 Flex livres AS3 Flex

 

octobre 2008
L Ma Me J V S D
« sept   nov »
 12345
6789101112
13141516171819
20212223242526
2728293031