Cours : flex 2.0 - Gérer le positionnement et la navigation dans une application
Par Dai, dimanche 28 octobre 2007 à 17:36 :: Cours et Formation Flex - AIR :: #30 :: rss
Bonjour,
Le chapitre 6 du cours sur Adobe flex 2 est disponible. Voici les thèmes abordés :
-Utiliser les conteneurs de positionnement
-Utiliser les conteneurs de navigation
-Modifier la taille des composants
Vous avez a la fin du plan, le PDF du cours et ses exemples d’utilisation comme d’habitude.
1) Se familiariser avec les conteneurs de positionnement de Flex
2 types de conteneurs
-Les conteneurs de positionnement (Application, Vbox, Hbox, Panel…)
-Les conteneurs de navigation (TabNavigator, Accordion…)
2) Apprendre a utiliser les conteneurs
A) Utiliser le conteneur DividedBox
Ce conteneur définit une ligne de division déplaçable entre ses enfants.
B) Utiliser un conteneur Form pour créer un formulaire
Tout ce qu’il faut savoir pour créer un formulaire parfait et ergonomique.
-Conteneur Form avec un FormHeading et des FormItem, et plus encore.
-Définir le bouton par défaut d‘un formulaire.
-Définir des champs obligatoires dans un formulaire.
-Définir le positionnement et l’espacement dans un formulaire.
C) Utiliser le conteneur de navigation ViewStack
Comment mettre en place un ViewStack et ses propriétés utiles.
D) Utiliser le conteneur de navigation LinkBar
Comment dire, c’est comme un lien classique, sauf que combiner avec d’autres conteneurs, il devient intéressant. En gros, il vous facilite la vie.
E) Utiliser le conteneur de navigation TabBar
Encore un autre conteneur de navigation intégrant une logique de changement de conteneur. Un peu comme LinkBar, mais en plus joli je trouve.
F) Utiliser le conteneur TabNavigator
Conteneur de navigation qui construit et gère un ensemble d’onglets associés a des conteneurs.
Tous les conteneurs sont inclus dans le conteneur TabNavigation. C'est-à -dire que vous n’avez plus besoin de créer une ViewStack et de spécifier un fournisseur de données par exemple.
G) Gérer les états
Les états permettent d’avoir plusieurs vues différentes d’un conteneur en utilisant justement la notion de state. De plus pour fluidifier la navigation il est possible de définir des transitions lorsque l’on passe d’un état a un autre. En d’autre terme, il est possible de passer d’une page de login a une page de register avec un bel effet en utilisant les states.
3) Positionner la taille des composants a l’intérieur des conteneurs
-Positionner la taille des composants
-Donner des tailles absolues aux composants
-Donner des tailles relatives aux composants
-Définir des contraintes de positionnement
Télécharger le chapitre 6 et exemples flex 2
C’est la fin de ce chapitre, je vous invite a tester les exemples et a travailler par vous-même. Si vous avez des questions ou commentaires, vous savez comment faire.
Pour la suite des cours, ou tutoriaux, il y a un chapitre sur le webService qui me semble indispensable. Si vous êtes interessés, faites le moi savoir, car sinon il n’arrive qu’au chapitre 12.
Bonne lecture et a bientôt pour le chapitre 7.





Commentaires
1. Le lundi 12 novembre 2007 à 21:23, par mike
2. Le mercredi 14 novembre 2007 à 01:30, par dai
3. Le jeudi 6 décembre 2007 à 23:20, par riad
4. Le lundi 25 août 2008 à 16:56, par jalelboug
Ajouter un commentaire