Dans Adobe® Flash® CS4 Professional, vous pouvez créer du contenu à utiliser en tant que composants dans les applications Adobe® Flex®. Ce contenu peut se composer d'éléments visuels et de code Adobe® ActionScript® 3.0.

La création de composants dans Flash pour une utilisation dans Flex vous permet de combiner les capacités de conception graphique de Flash et celles de Flex.

Pour créer des composants Flex dans Flash, vous devez installer le Kit de composants Flex pour Flash. Installez le kit de composants à l'aide d'Adobe Extension Manager. Certaines versions du kit de composants ne prenant pas en charge toutes les fonctionnalités de Adobe® Flash® CS4 Professional, assurez-vous de télécharger la version la plus récente sur le site www.adobe.com/go/flex_ck_fr.

Pour plus d'informations sur l'utilisation combinée de Flex et de Flash, consultez la documentation de Flex disponible sur le site Web d'Adobe à l'adresse www.adobe.com/go/learn_flexresources_fr.

Pour créer un composant Flex dans Flash :

1. Assurez-vous qu'Adobe Extension Manager a été installé. Pour télécharger Extension Manager, ouvrez sa page de téléchargement à l'adresse www.adobe.com/go/extension_manager_dl_fr.

   Par défaut, Extension Manager est installé avec les applications Adobe Creative Suite.

2. Téléchargez et installez le kit de composants Flex, disponible à l'adresse www.adobe.com/go/flex_ck_fr. N'oubliez pas de fermer Flash avant d'installer le kit de composants. Pour plus d'informations sur l'installation des extensions avec Adobe Extension Manager, consultez www.adobe.com/go/learn_extension_manager_fr.

3. Lancez Flash. Deux nouvelles commandes apparaissent dans le menu Commandes, Convertir un symbole en composant Flex et Convertir un symbole en conteneur Flex.

4. Dans Flash, créez un symbole de clip contenant l'illustration et le code ActionScript 3.0 que vous souhaitez inclure dans le composant Flex. Le contenu doit être placé dans un symbole de clip avant sa conversion en composant Flex.

5. Avant de convertir le clip en composant Flex, assurez-vous qu'il respecte les exigences suivantes de compatibilité avec Flex :

   • La cadence d'images du fichier FLA doit être de 24 ips et doit correspondre à celles de tous les projets Flex devant utiliser le composant.

   • Le point d'alignement doit être situé sur le point 0, 0 du clip.

     Remarque : pour vous assurer que l'ensemble du contenu du clip a un point d'alignement de 0, 0, cliquez sur le bouton Modifier plusieurs images, situé au bas du scénario, sélectionnez toutes les images dans le scénario du clip, sélectionnez ensuite tout votre contenu dans toutes les images et déplacez le sur 0, 0 dans l'inspecteur des propriétés.

6. Sélectionnez un clip dans le panneau Bibliothèque et choisissez Commandes > Convertir un symbole en composant Flex.

   Flash convertit le clip en composant Flex, remplace son icône par une icône Flex dans la bibliothèque et importe le clip compilé de la classe FlexComponentBase dans la bibliothèque. Flash intègre la classe FlexComponentBase dans le fichier SCW du composant Flex créé à l'étape suivante.

   Remarquez les messages de progression qui s'affichent dans le panneau Sortie pendant que Flash convertit le clip.

7. Choisissez Fichier > Publier pour créer un fichier SWC contenant le composant Flex compilé. Flash crée également un fichier SWF à partir du fichier FLA principal, mais vous pouvez ignorer ce fichier si vous le souhaitez. Le fichier SWC du composant publié peut maintenant être utilisé dans Flex.

8. Pour utiliser le fichier SWC dans Flex, effectuez l'une des opérations suivantes :

   • Copiez le fichier SWC dans Flash et collez-le dans le dossier bin de votre projet Flex.

   • Ajoutez le fichier SWC dans le chemin de bibliothèque de votre projet Flex. Pour plus d'informations, consultez la documentation de Flex Builder à l'adresse www.adobe.com/go/learn_flexresources_fr.

Si vous rédigez du code ActionScript 3.0 à utiliser dans Flex, vous pouvez placer des métadonnées dans le code pour intégrer des fichiers externes dans tous les fichiers SWF publiés qui comprennent le code ActionScript. En général, ces déclarations de métadonnées [Embed] sont utilisées pour intégrer des fichiers image, des polices, des symboles individuels ou d'autres fichiers SWF dans le fichier SWF.

N'oubliez pas que ces métadonnées sont des « données sur les données ». Dans le code ActionScript, vous ajoutez les métadonnées dans la ligne précédant immédiatement la ligne de code auquel s'appliquent les métadonnées. Le compilateur tient alors compte des métadonnées lorsqu'il compile la ligne de code suivante.

Par exemple, pour intégrer une image appelée button_up.png stockée dans le répertoire situé un niveau au-dessus du fichier ActionScript, utilisez le code ActionScript suivant :

[Embed("../button_up.png")]

private var buttonUpImage:Class;

La balise de métadonnées [Embed] indique au compilateur d'intégrer le fichier nommé button_up.png dans le fichier SWF et que ce fichier doit être associé à la variable nommée buttonUpImage.

Pour plus d'informations sur l'intégration de ressources à des métadonnées dans Flex, consultez la section Intégration de ressources du Guide du développeur Flex 3 à l'adresse www.adobe.com/go/learn_flexresources_fr.

Si vous utilisez une fonctionnalité qui requiert le SDK Flex, par exemple des métadonnées [Embed], au moment de la compilation, Flash vous invite à ajouter le fichier Flex.SWC dans le chemin de bibliothèque de votre fichier FLA. Le fichier Flex.SWC contient les classes compilées nécessaires pour prendre en charge les métadonnées Flex. Cliquez sur Actualiser le chemin de bibliothèque dans la boîte de dialogue pour ajouter le fichier Flex.SWC au chemin de la bibliothèque. Vous pourrez également ajouter ultérieurement le fichier Flex.SWC dans le chemin de bibliothèque dans les paramètres de publication ActionScript.