CATALOGUE Code & Data Apprendre Adobe Flex 4 et Air 2 - avec Flash Builder 4

Guide d'utilisation de FlashBuilder: Vue Source et Vue Design

Retour à la formation
Chapitre 3 Leçon 2
Précédent
Suivant

Découvrez comment utiliser les vues source et design dans FlashBuilder pour optimiser vos projets en MXML et ActionScript.

Détails de la leçon

Description de la leçon

Lors de ce projet, nous nous sommes intéressés aux différentes vues disponibles dans FlashBuilder, notamment la vue source et la vue design. La vue source permet d'afficher et de modifier le code MXML ou ActionScript de votre fichier. D'autre part, la vue design, accessible via l'onglet en haut de l'éditeur, offre un aperçu graphique de votre application ou composant. Elle permet également d'ajouter de nouveaux composants à l'interface, par exemple un bouton, grâce au mécanisme de drag & drop. Une fois le composant ajouté, il peut être modifié via l'onglet Propriétés—par exemple, redéfinir son label ou son état. Diverses propriétés visuelles et comportementales peuvent être ajustées, comme la couleur, la position, et les contraintes de positionnement. Un objet Panel peut aussi être intégré et son titre ajusté en temps réel dans la vue design. Toute modification apportée dans le fichier source sera automatiquement reflétée dans la vue design et vice versa.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de comprendre les fonctionnalités de la vue source et design dans FlashBuilder, et de savoir comment les utiliser efficacement pour gérer et modifier les composants graphiques et leur code sous-jacent.

Prérequis pour cette leçon

Les prérequis pour cette vidéo incluent une connaissance de base en MXML et ActionScript ainsi qu'une compréhension des concepts de développement d'interface utilisateur.

Métiers concernés

Les connaissances abordées dans cette vidéo sont pertinentes pour les métiers de développeur d'interfaces utilisateur, développeur front-end, et ingénieur logiciel, particulièrement ceux travaillant avec des technologies Adobe.

Alternatives et ressources

Les alternatives à FlashBuilder incluent d'autres éditeurs de code et environnements de développement comme Adobe Animate, IntelliJ IDEA, ou Visual Studio Code avec les plugins appropriés.

Questions & Réponses

La vue source permet d'afficher et de modifier le code MXML ou ActionScript, tandis que la vue design offre un aperçu graphique de l'application ou du composant et permet d'ajouter et de modifier des composants visuellement.
Dans la vue design, les composants peuvent être ajoutés à l'interface par un simple glisser-déposer depuis la liste de composants disponibles dans l'éditeur.
Lorsque vous modifiez un composant dans la vue design, les propriétés modifiées sont automatiquement ajoutées ou mises à jour dans le code source MXML ou ActionScript correspondant.