Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
150
Ouvrez maintenant le fichier Photo.mxml. Nous allons commencer par
insérer un conteneur de type TitleWindow afin de conserver une apparence et une réactivité à ceux des précédents modules. À cet effet, nous
appliquerons le style CSS précédemment défini pour tous les conteneurs
de ce type :
Insertion d’un conteneur
Vous noterez que l’alignement horizontal des composants enfants à ce
conteneur sera centré.
Ensuite, nous intégrerons à l’intérieur des balises de ce conteneur notre
composant HorizontalList, que nous identifierons sous le nom
horizontalListGallery pour la suite :
Insertion du composant HorizontalList
Compilez le tout et observez le résultat dans la fenêtre d’un navigateur.
À ce stade, rien de significatif ; vous visualiserez un simple cadre rectangulaire et opaque de couleur blanche, encastré dans notre conteneur.
Tableau 9–2 HorizontalList
HorizontalList
Description
Paquetage
mx.controls
Classe
public class HorizontalList
Héritage
MouseEvent ! Event ! Object
Implémente
HorizontalList ! TileBase ! ListBase ! ScrollControlBase !
UIComponent ! FlexSprite ! Sprite ! DisplayObjectContainer !
InteractiveObject Inheritance DisplayObject ! EventDispatcher !
Object
horizontalAlign="center"
styleName="panneauStyleSimple" width="100%" height="570">

horizontalAlign="center"
styleName="panneauStyleSimple" width="100%" height="570">
id="horizontalListGallery"
columnCount="5"
columnWidth="120"
rowCount="1"
rowHeight="160"/>

EN SAVOIR PLUS Les item editors
Les item editors (éditeurs d’éléments) sont similaires aux item renderers, à ceci près qu’ils permettent aux internautes d’éditer les données
affichées dans les cellules. Ils sont applicables sur
les composants DataGrid, List et Tree, à
condition que leur propriété d’édition soit activée
comme ceci : editable="true".