Adobe Flex 3. Training from the Source. Jeff Tapper Michael Labriola Matthew Boles avec James Talbot

Transcription

1 Adobe Flex 3 Training from the Source Jeff Tapper Michael Labriola Matthew Boles avec James Talbot Avant-propos de Matt Chotin, responsable produit Flex

2 Pearson Education France a apporté le plus grand soin à la réalisation de ce livre afin de vous fournir une information complète et fiable. Cependant, Pearson Education France n assume de responsabilités, ni pour son utilisation, ni pour les contrefaçons de brevets ou atteintes aux droits de tierces personnes qui pourraient résulter de cette utilisation. Les exemples ou les programmes présents dans cet ouvrage sont fournis pour illustrer les descrip tions théoriques. Ils ne sont en aucun cas destinés à une utilisation commerciale ou professionnelle. Pearson Education France ne pourra en aucun cas être tenu pour responsable des préjudices ou dommages de quelque nature que ce soit pouvant résulter de l utilisation de ces exemples ou programmes. Tous les noms de produits ou marques cités dans ce livre sont des marques déposées par leurs pro priétaires respectifs. Publié par Pearson Education France 47 bis, rue des Vinaigriers PARIS Tél. : Réalisation PAO : Patrick Fabre. ISBN : Copyright 2008 Pearson Education France Tous droits réservés Titre original : Adobe Flex 3: Training from the Source Traduit de l américain par Patrick Fabre. ISBN original : Copyright 2008 by Matthew Boles, Michael Labriola, and Tapper, Nimer and Associates, Inc. All rights Reserved. Edition originale publiée par PeachPit 1249 Eighth Street Berkeley, CA Aucune représentation ou reproduction, même partielle, autre que celles prévues à l article L et 3 a) du code de la propriété intellectuelle ne peut être faite sans l autorisation expresse de Pearson Education France ou, le cas échéant, sans le respect des modalités prévues à l article L dudit code. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education, Inc.

3 Table des matières Avant-propos xi Introduction xiii Leçon 1 L ère des applications Internet riches Comprendre l évolution des applications informatiques Se départir de l architecture à pages Identifier les avantages des RIA Responsables commerciaux Organisations informatiques Utilisateurs finaux Technologies RIA AJAX Flash Flex WPF, XAML, Silverlight et Expression Leçon 2 Prise en main Débuter le développement d une application Flex Créer un projet et une application MXML Comprendre le workbench de Flex Builder Exécuter votre application Créer une seconde page d application et travailler en mode Design Préparation à la leçon suivante Leçon 3 Concevoir l interface Découvrir les conteneurs Mise en page d une application de commerce en mode Design Travailler avec des dispositions contraintes Utiliser des contraintes avec le conteneur parent Utiliser des contraintes améliorées Travailler avec des états de vue Contrôler les états de vue Mise en page d une application en mode Source Ajouter et contrôler des états de vue avec le code MXML Leçon 4 Utiliser des contrôles simples Introduction aux contrôles simples Afficher des images

4 iv Adobe Flex 3 Créer une vue pour les informations de détail Lier une structure de données à un contrôle simple Utiliser un conteneur Form pour organiser des contrôles simples Ajouter des boutons radio et des champs de date au Dashboard Leçon 5 Gérer des événements et des structures de données Comprendre la gestion des événements Comprendre un exemple simple Gérer l événement avec une fonction ActionScript Passer des données à la fonction de gestionnaire d événements Créer une structure de données lors du déclenchement de l événement creationcomplete Utiliser des données de l objet Event Créer une classe ActionScript personnalisée Créer un objet valeur Créer une méthode pour créer un objet Créer des classes de panier d achats Leçon 6 Utiliser des données XML distantes avec des contrôles Récupérer des données XML avec HTTPService Créer un objet HTTPService Invoquer la méthode send() Utiliser les données renvoyées Comprendre les problèmes de sécurité Récupérer des données XML via HTTPService Remplir un ArrayCollection avec des données HTTPService Utiliser des ArrayCollections Utiliser des collections comme fournisseurs de données Remplir un contrôle ComboBox et ajouter une option de manière dynamique 132 Utiliser des données XML avec un contrôle Tree Comprendre les opérateurs E4X Remplir un contrôle Tree avec des données XML Récupérer des données XML et les transformer en un ArrayCollection d objets personnalisés Utiliser la liaison de données avec des structures complexes Manipuler des données de panier d achats Ajouter des articles au panier Trier des éléments dans un ArrayCollection Ajouter un article ou mettre à jour la quantité Utiliser un curseur pour localiser un ShoppingCartItem Ajouter un bouton de suppression

5 Table des matières v Leçon 7 Créer des composants avec MXML Introduction aux composants MXML Comprendre les bases de la création d'un composant personnalisé Créer un composant personnalisé au pas à pas Utiliser des composants personnalisés dans l'architecture de l'application. 179 Créer un composant de mise à jour/suppression et l'instancier Faire apparaître des informations de produit en cliquant sur les boutons Update et Delete Créer un autre objet valeur Créer un composant de gestionnaire de données pour les trois applications Utiliser le nouveau composant de gestionnaire de données Implémenter la fonctionnalité d'ajout de produit Créer et utiliser un composant pour l application Dashboard Leçon 8 Utiliser des contrôles et des Repeater avec des jeux de données Utiliser des jeux de données Comprendre les composants HorizontalList et TileList Implémenter un labelfunction Implémenter un itemrenderer Afficher les catégories en utilisant un HorizontalList et un itemrenderer Afficher des produits d épicerie en fonction d une sélection de catégories Utiliser un Repeater pour parcourir un Dataset Récupérer les données des composants répétés Adressage des composants créés par un Repeater Comprendre les différences de performances entre TileList et Repeater Afficher des articles d épicerie en fonction d une catégorie Programmer des états pour afficher les informations détaillées sur les produits 235 Placer des produits dans le panier d achats Leçon 9 Utiliser des événements personnalisés Comprendre les avantages de l architecture à couplage lâche Répartir des événements Déclarer des événements pour un composant Identifier les besoins en matière de classes d événements personnalisées Créer et utiliser le CategoryEvent Créer et utiliser la classe ProductEvent Utiliser ProductEvent pour supprimer un produit du panier d achats Utiliser ProductEvent pour ajouter un produit au panier Comprendre le flux et le bouillonnement des événements

6 vi Adobe Flex 3 Leçon 10 Créer des composants personnalisés avec ActionScript Introduction à la création de composants avec ActionScript Créer la structure de la classe Redéfinir la méthode createchildren() Créer un bouton en ActionScript Utiliser la méthode addchild() pour ajouter le bouton à votre composant. 277 Comprendre le chrome et rawchildren Utiliser addchild() sur rawchildren pour ajouter des éléments au chrome. 279 Redimensionnement et positionnement dans Flex Comprendre la méthode measure() Redéfinir la méthode updatedisplaylist() Leçon 11 Utiliser des DataGrid et des ItemRenderer Introduction aux DataGrid et aux ItemRenderer Ajouter un DataGrid générique au ChartPod Ajouter des appels HTTPService à Dashboard Afficher le panier d achats avec un DataGrid Ajouter un contrôle d édition incorporé pour le DataGridColumn Créer un ItemRenderer MXML pour l affichage du produit Créer un ItemRenderer MXML incorporé pour afficher le bouton Remove. 309 Mettre à jour le ShoppingCartItem avec des fonctions set et get Utiliser l AdvancedDataGrid Trier l AdvancedDataGrid Trier en mode Expert Mettre en forme l AdvancedDataGrid Regrouper des données Afficher des données de synthèse Leçon 12 Utiliser le glisser-déposer Introduction au Gestionnaire de glisser-déposer Glisser-déposer entre deux DataGrid Glisser-déposer entre un DataGrid et un List Utiliser un composant sans fonctionnalité améliorée dans une opération de glisser-déposer Faire glisser un article d épicerie dans le panier d achats Leçon 13 Implémenter la navigation Introduction à la navigation Utiliser un TabNavigator dans l application DataEntry

7 Table des matières vii Ajouter une page d accueil et une page de règlement dans l application de commerce électronique Créer la première étape du processus de règlement affiché par un ViewStack. 380 Compléter le processus de règlement en utilisant le ViewStack Leçon 14 Utiliser des formateurs et des validateurs Introduction aux formateurs et aux validateurs Utiliser une classe Formatter pour afficher des informations monétaires dans l application de commerce électronique Utiliser les classes Validator Utiliser des expressions régulières pour valider des données (partie 1) Utiliser des expressions régulières pour valider des données (partie 2) Créer une classe Validator personnalisée Leçon 15 Implémenter la gestion d historique et les liens profonds Introduction à la gestion de l historique Implémenter la gestion de l historique dans un conteneur navigateur Créer un gestionnaire d historique personnalisé Introduction aux liens profonds Implémenter les liens profonds de Flex Ajouter les liens profonds à votre application Leçon 16 Personnaliser l apparence d une application Flex Appliquer un style graphique avec des styles et des habillages Appliquer des styles Définir des styles incorporés avec des attributs de balise Comprendre l héritage des styles Définir des styles avec la balise <mx:style> Utiliser les outils Flex Builder pour travailler avec des CSS Définir des styles avec des fichiers CSS Changer des CSS à l exécution Avantages des CSS à l exécution Créer un SWF à partir d un fichier CSS Charger un SWF CSS avec StyleManager Redéfinir des styles avec un fichier CSS chargé Habiller des composants Habillages graphiques Importer des habillages créés dans CS Habillages programmatiques

8 viii Adobe Flex 3 Leçon 17 Travailler avec des services web Introduction à la communication avec le serveur Utiliser les appels serveur distants du modèle événementiel Configurer une application pour travailler localement Utiliser un service web dans le Dashboard Gérer les résultats du service web Appeler des méthodes de service web Utiliser un service web dans l application DataEntry Utiliser l assistant d introspection de service web Utiliser le code généré dans votre application Réusinage avec Flex Builder Compléter l intégration du code généré Mettre à jour et supprimer des produits Leçon 18 Accéder à des objets côté serveur Placer des fichiers sur le serveur Intégrer le composant FileUpload à DataEntry Utiliser RemoteObject pour enregistrer une commande Mettre à jour la commande Flex Compiler Répartir un événement de confirmation de commande dans le processus de règlement Créer et appeler des RemoteObjects Passer le panier d achats dans le composant Checkout Changer l état de l application pour revenir à l écran de bienvenue Mapper des objets ActionScript sur des objets serveur Les assistants de données Flex Builder Créer un projet serveur Leçon 19 Visualiser des données Explorer les composants graphiques de Flex Types de graphiques Packaging des graphiques Parties des graphiques Disposition des graphiques initiaux Remplir des graphiques Spécifier les séries des graphiques Ajouter des axes aux graphiques à lignes et à colonnes Ajouter des légendes aux graphiques Limiter les étiquettes affichées sur un axe

9 Table des matières ix Interagir avec des graphiques Événements de survol Événements de clic Événements de sélection Ajouter des événements de graphique Ajouter des animations aux graphiques Personnaliser l apparence des graphiques avec des styles Leçon 20 Créer des applications modulaires Introduction aux applications modulaires Flex Utiliser des modules Flex Utiliser la classe Module Remplacer le code de règlement par une balise ModuleLoader Comprendre les bibliothèques RSL Comprendre le lieur Utiliser la mise en cache des RSL du framework Flex Comprendre le but du cache de framework RSL signées et non signées Examiner la taille actuelle des applications Configurer votre application de manière à utiliser la RSL du framework Observer la différence avec la RSL du framework Créer un projet de bibliothèque Ajouter des classes et des éléments à la bibliothèque Utiliser la bibliothèque FlexGrocer dans l application FlexGrocer Leçon 21 Déployer des applications Flex Compiler une version de déploiement de votre application S échapper du navigateur avec AIR Introduction à AIR Installer le moteur d exécution AIR Installer une première application Créer une application AIR Créer un nouveau projet AIR Transformer l application Dashboard en une application AIR Personnaliser l application avec le fichier Application.xml Exporter le fichier AIR Index