Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
32
riger une seule ligne de code. Toute modification effectuée en mode
Design sera bien entendu automatiquement reportée dans le mode Source.
En sélectionnant un composant de la vue Editor en mode Design, vous
accédez au panneau Flex Properties qui permet de modifier directement
les propriétés du composant sélectionné. Toutes les propriétés du composant sélectionné sont ainsi modifiables, comme la couleur d’un bloc de
texte, par exemple.
Outline
Si vous souhaitez sélectionner un autre composant de votre code, vous
pouvez utiliser la vue Outline. Elle affiche des raccourcis vers tous les
composants de votre application. Vous avez ainsi un accès rapide et
direct à toutes les portions de code relatives à vos composants.
Nous avons à présent fait le tour des principaux panneaux et vues du
Workbench de Flex Builder. Intéressons-nous désormais aux fonctionnalités et paramétrages les plus utiles du Builder pour le développement
de notre étude de cas.
ACRONYME Le concept WYSIWYG
WYSIWYG est l’acronyme anglais pour What You
See Is What You Get (en français : « ce que
vous voyez est ce que vous obtenez »). Autrement
dit, dans le cas du développement d’une interface
utilisateur, le développeur voit directement à
l’écran ce à quoi ressemblera le résultat final. Le
logiciel Adobe Dreamweaver est un exemple d’éditeur WYSIWYG pour pages web.
Figure 3–14
La mode Design de la vue Editor
ASTUCE Autosélection de code
Quand vous cliquez sur le bouton Source Mode
pour revenir au mode d’affichage du code source,
le code du dernier composant sélectionné en mode
Design est surligné. Voici une fonctionnalité très
pratique pour travailler de façon ergonomique sur
les propriétés d’un composant, directement à
partir de son code de description MXML.
© Groupe Eyrolles, 2008
32
riger une seule ligne de code. Toute modification effectuée en mode
Design sera bien entendu automatiquement reportée dans le mode Source.
En sélectionnant un composant de la vue Editor en mode Design, vous
accédez au panneau Flex Properties qui permet de modifier directement
les propriétés du composant sélectionné. Toutes les propriétés du composant sélectionné sont ainsi modifiables, comme la couleur d’un bloc de
texte, par exemple.
Outline
Si vous souhaitez sélectionner un autre composant de votre code, vous
pouvez utiliser la vue Outline. Elle affiche des raccourcis vers tous les
composants de votre application. Vous avez ainsi un accès rapide et
direct à toutes les portions de code relatives à vos composants.
Nous avons à présent fait le tour des principaux panneaux et vues du
Workbench de Flex Builder. Intéressons-nous désormais aux fonctionnalités et paramétrages les plus utiles du Builder pour le développement
de notre étude de cas.
ACRONYME Le concept WYSIWYG
WYSIWYG est l’acronyme anglais pour What You
See Is What You Get (en français : « ce que
vous voyez est ce que vous obtenez »). Autrement
dit, dans le cas du développement d’une interface
utilisateur, le développeur voit directement à
l’écran ce à quoi ressemblera le résultat final. Le
logiciel Adobe Dreamweaver est un exemple d’éditeur WYSIWYG pour pages web.
Figure 3–14
La mode Design de la vue Editor
ASTUCE Autosélection de code
Quand vous cliquez sur le bouton Source Mode
pour revenir au mode d’affichage du code source,
le code du dernier composant sélectionné en mode
Design est surligné. Voici une fonctionnalité très
pratique pour travailler de façon ergonomique sur
les propriétés d’un composant, directement à
partir de son code de description MXML.