Utilisation des composants Marques de commerce 1 Step RoboPDF, ActiveEdit, ActiveTest, Authorware, Blue Sky Software, Blue Sky, Breeze, Breezo, Captivate, Central, ColdFusion, Contribute, Database Explorer, Director, Dreamweaver, Fireworks, Flash, FlashCast, FlashHelp, Flash Lite, FlashPaper, Flash Video Encoder, Flex, Flex Builder, Fontographer, FreeHand, Generator, HomeSite, JRun, MacRecorder, Macromedia, MXML, RoboEngine, RoboHelp, RoboInfo, RoboPDF, Roundtrip, Roundtrip HTML, Shockwave, SoundEdit, Studio MX, UltraDev et WebHelp sont des marques de commerce ou des marques déposées de Macromedia, Inc. qui peuvent être déposées aux Etats-Unis et/ou dans d'autres juridictions ou pays. Les autres noms de produits, logos, graphiques, mises en page, titres, mots ou expressions mentionnés dans cette publication peuvent être des marques de commerce, des marques de service ou des noms de marque appartenant à Macromedia, Inc. ou à d'autres entités et peuvent être déposés dans certaines juridictions ou certains pays. Autres marques mentionnées Ce guide contient des liens vers des sites Web qui ne sont pas sous le contrôle de Macromedia, qui n'est donc aucunement responsable de leur contenu. L'accès à ces sites se fait sous votre seule responsabilité. Macromedia mentionne ces liens pour référence, ce qui n'implique pas son soutien, accord ou responsabilité quant au contenu des sites. Technologie de compression et décompression audio discours utilisée sous licence de Nellymoser, Inc. (www.nellymoser.com). Technologie de compression et décompression vidéo SorensonTM SparkTM utilisée sous licence de Sorenson Media, Inc. Navigateur Opera ® Copyright © 1995-2002 Opera Software ASA et ses fournisseurs. Tous droits réservés. La technologie vidéo Macromedia Flash 8 est optimisée par la technologie vidéo On2 TrueMotion. © 1992-2005 On2 Technologies, Inc. Tous droits réservés. http://www.on2.com. Visual SourceSafe est une marque déposée ou une marque de commerce de Microsoft Corporation aux Etats-Unis et/ou dans d'autres pays. Copyright © 2005 Macromedia, Inc. Tous droits réservés. La copie, photocopie, reproduction, traduction ou conversion de ce manuel, sous quelque forme que ce soit, mécanique ou électronique, est interdite sans une autorisation préalable écrite de Macromedia, Inc. Le propriétaire ou l'utilisateur autorisé d'une copie valide du logiciel qu'accompagne ce manuel peut néanmoins imprimer une copie de ce dernier à partir d'une version électronique afin d'apprendre à utiliser le logiciel, à condition qu'aucune partie de ce manuel ne soit imprimée, reproduite, distribuée, revendue ou cédée dans un autre but, y compris, mais sans limitation aucune, dans un but commercial, tel que la revente de copies de cette documentation ou l'offre de services de maintenance rémunérés. Remerciements Gestion du projet : Sheila McGinn Rédaction : Bob Berry, Jen deHaan, Peter deHaan, David Jacowitz, Wade Pickett Rédactrice en chef : Rosana Francescato Rédactrice en chef : Lisa Stanziano Révision : Mary Ferguson, Mary Kraemer, Lisa Stanziano, Anne Szabla Gestion de la production : Patrice O'Neill, Kristin Conradi, Yuko Yagi Conception et production des supports : Adam Barnett, Aaron Begley, Paul Benkman. John Francis, Geeta Karmarkar, Masayo Noda, Paul Rangel, Arena Reed, Mario Reynoso Remerciements particuliers à Jody Bleyle, Mary Burger, Lisa Friendly, Stephanie Gowin, Bonnie Loo, Mary Ann Walsh, Erick Vera, Florian de Joannès, aux testeurs des versions bêta et aux équipes d'ingénieurs et d'assurance qualité de Flash et Flash Player. Première édition : Septembre 2005 Macromedia, Inc. 601 Townsend St. San Francisco, CA 94103 Etats-Unis Table des matières Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7 Public visé . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Configuration système requise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Présentation de la documentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Conventions typographiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Termes employés dans ce manuel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Ressources supplémentaires. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Chapitre 1 : Composants. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .11 Installation des composants. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12 Emplacement de stockage des fichiers de composants . . . . . . . . . . . . 14 Modification des fichiers du composant . . . . . . . . . . . . . . . . . . . . . . . . . . 15 Avantages des composants. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16 Composant, catégories . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17 Présentation de l'architecture des composants de la version 2. . . . . . 18 Fonctions du composant de la version 2 . . . . . . . . . . . . . . . . . . . . . . . . . 19 Présentation des clips compilés et des fichiers SWC . . . . . . . . . . . . . . 21 Accessibilité et composants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 22 Chapitre 2 : Création d'une application avec composants (Flash Professionnel uniquement) . . . . . . . . . . . . . . . . . . . . . . . . . 23 Présentation du didacticiel Fix Your Mistake (Faites-vous pardonner) . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23 Création de la page principale . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25 Liaison des composants de données pour afficher les idées de cadeaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 31 Affichage des détails des cadeaux . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 36 Création de l'écran de règlement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42 Test de l'application . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 Affichage de l'application terminée . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 52 3 Chapitre 3 : Utilisation des composants . . . . . . . . . . . . . . . . . . . .53 Panneau Composants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54 Ajout de composants aux documents Flash . . . . . . . . . . . . . . . . . . . . . . 54 Composants du panneau Bibliothèque. . . . . . . . . . . . . . . . . . . . . . . . . . . 58 Définition des paramètres des composants . . . . . . . . . . . . . . . . . . . . . . 59 Dimensionnement des composants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 61 Suppression de composants dans les documents Flash . . . . . . . . . . . 62 Utilisation des conseils de code . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 63 Création de la navigation personnalisée du focus . . . . . . . . . . . . . . . . . 63 Gestion de la profondeur des composants dans un document . . . . . . 64 Composants de l'aperçu en direct . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 65 Utilisation d'un préchargement avec les composants . . . . . . . . . . . . . . 66 Chargement des composants. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67 Migration des composants de la version 1 vers l'architecture de la version 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68 Chapitre 4 : Gestion des événements des composants . . . . . . . .69 Gestion des événements à l'aide d'écouteurs . . . . . . . . . . . . . . . . . . . . . 70 Délégation des événements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79 Objet événement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 82 Utilisation du gestionnaire d'événements on() . . . . . . . . . . . . . . . . . . . . 83 Chapitre 5 : Personnalisation des composants. . . . . . . . . . . . . . .85 Utilisation de styles pour personnaliser la couleur et le texte des composants . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86 A propos de l'application d'enveloppes aux composants. . . . . . . . . . .101 Présentation des thèmes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116 Combinaison de l'application d'enveloppes et de styles pour personnaliser un composant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 127 Chapitre 6 : Création de composants. . . . . . . . . . . . . . . . . . . . . . 135 Fichiers source de composant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135 Présentation de la structure du composant . . . . . . . . . . . . . . . . . . . . . . 136 Création de votre premier composant . . . . . . . . . . . . . . . . . . . . . . . . . . 138 Sélection d'une classe parent. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148 Création d'un clip de composant . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .151 Création du fichier de classe ActionScript . . . . . . . . . . . . . . . . . . . . . . . 156 Incorporation de composants existants dans votre composant . . . . 186 Exportation et distribution d'un composant. . . . . . . . . . . . . . . . . . . . . . 197 Etapes finales dans le développement du composant . . . . . . . . . . . 200 4 Table des matières Chapitre 7 : Propriétés de collection. . . . . . . . . . . . . . . . . . . . . . 203 Définition d'une propriété de collection. . . . . . . . . . . . . . . . . . . . . . . . . 205 Exemple de collection simple . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 206 Définition de la classe pour un élément de collection. . . . . . . . . . . . . 208 Accès aux informations de collection par programmation . . . . . . . . 209 Exportation de composants ayant des collections dans des fichiers SWC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 211 Utilisation d'un composant ayant une propriété de collection . . . . . .212 Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 213 Table des matières 5 6 Table des matières Introduction Macromedia Flash Basic 8 et Macromedia Flash Professionnel 8 sont les outils préférés des professionnels pour la création de contenu Web percutant. La création de ces applications Internet enrichies repose sur des unités élémentaires appelées composants. Un composant est un clip qui contient des paramètres définis pendant la phase de programmation dans Macromedia Flash, ainsi que des événements, des propriétés et des méthodes ActionScript permettant de personnaliser le composant lors de l'exécution. Les composants sont conçus pour permettre aux développeurs de réutiliser et de partager du code. Ils permettent également d'encapsuler une fonctionnalité complexe que les concepteurs peuvent utiliser et personnaliser sans avoir à se servir d'ActionScript. Les composants sont basés sur la version 2 de l'architecture des composants Macromedia. Celle-ci permet de créer facilement et rapidement des applications robustes à la présentation et au comportement cohérents. Ce manuel explique comment créer des applications avec les composants de la version 2. Le manuel associé intitulé Référence du langage des composants décrit tous les composants, ainsi que l'interface de programmation (API) de chacun d'entre eux. Il inclut des scénarios d'utilisation et des exemples de procédures à suivre pour utiliser les composants version 2 de Flash, par ordre alphabétique, ainsi qu'une description des API des composants. Vous pouvez utiliser les composants créés par Macromedia, télécharger des composants créés par d'autres développeurs ou créer vos propres composants. Ce chapitre contient les sections suivantes : Public visé . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Configuration système requise . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Présentation de la documentation . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Conventions typographiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Termes employés dans ce manuel . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9 Ressources supplémentaires. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ...