Adobe^® Flex^™ Tutorial

La manière dont vous allez créer un nouveau projet Flex depend en grande partie de quel outil vous allez utiliser pour son développement. Si vous utilisez le SDK, vous aurez besoin de plus de temps de configuration pour configurer un nouveau projet.

Création d'un projet SDK

Si vous utilisez le SDK, vous voudrez peut-être l'intégrer avec un IDE comme Eclipse (http://www.eclipse.org), PrimalScript (http://www.sapien.com), ou FlashDevelop (http://www.osflash.org/flashdevelop). Si vous utilisez un IDE, vous devrez créer un nouveau projet (ou workspace ou toute autre terminologie utilisée par votre IDE). Si vous n'utilisez pas d'IDE (vous aimez éditer votre code en utilisant un éditeur de texte), vous devrez créer un nouveau répertoire pour le projet.

Vous allez placer tous les fichiers du projet dans le répertoire du projet, en les organisant en sous-répertoire. La structure que vous allez utiliser est au choix. Vous allez avoir besoin de savoir comment vous organisez votre code source et éléments graphiques pour pouvoir configurer les options du compilateur pour faire un build de l'application.
Les fichiers sont classiquement organisés selon les sous-répertoires suivants:

• src: un répertoire contenant tous les MXML et les classes ActionScript. Ces fichiers sont généralement organisés en package. Vous pouvez organiser aussi bien les fichiers MXML qu'ActionScript en package dans un projet Flex
• bin: un répertoire pour conserver la version compilée de l'application
• html: un répertoire pour conserver les fichiers HTML Wrapper
• assets: un répertoire dans lequel vous allez conserver tous les éléments graphiques utilisés par l'application, aussi bien à la compilation qu'à l'exécution
• build: un répertoire pour placer les scripts de build si vous utiliser Apache Ant

Création d'un projet Flex Builder

En utilisant Flex Builder, vous pouvez créer un nouveau projet en quelques clics de souris. Depuis le menu de Flex Builder, sélectionnez File>New>Flex Project. Cela ouvre la fenêtre de dialogue Flex Project comprenant les étapes suivantes:

• La première étape vous demande comment l'application va accéder à la données. Pour les projets classiques, utilisez l'option Basic

•  La seconde étape vous demande de nommer votre projet. Vous pouvez aussi définir un emplacement différent de celui par défaut pour le répertoire qui va contenir votre nouveau projet.

•  A la fin de l'étape 2, vous pouvez cliquer sur Finish. Si vous cliquez Next, vous aurez accès à une troisième étape vous demandant de personnaliser les chemins vers les sources et vers les librairies. Ces paramètres spécifient les classes et les librairies que vous voulez utiliser qui résident en dehors du répertoire de votre projet, ou dans un emplacement non-standard de votre projet.

Si vous placez tous vos fichiers sources dans le sous-répertoire "src", entrez simplement "src" dans le champ "Main Source Folder" et Flex Builder trouvera les chemins.

Quand vous créez un projet Flex Builder, vous verrez que le nouveau dossier a un nouveau sous-répertoire nommé "bin" vers lequel Flex Builder sauve l'application compilée par défaut, ainsi qu'un répertoire "html-template" qui conserve les templates utilisés par Flex Builder pour générer le fichier HTML Wrapper. Vous verrez aussi que Flex Builder va créer automatiquement un document MXML portant le même nom que le projet.

• Publier le Code Source d'une Application Flex avec Flex Builder 2 (viewSourceURL)
• Création d'Applications Flex – Création de Projets
• Création d'Applications Flex – Compiler en utilisant Flex Builder
• Flex Modules – Compilation de modules (Flex Builder et mxmlc)
• Flex BlazeDS – Configurer son environnement BlazeDS avec Turnkey