Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
70
Flex Builder vous propose alors une visualisation en temps réel du style
appliqué sur un composant Panel (figure 5-6).
Toutes les propriétés de style de la feuille CSS appliquées au composant
sont également modifiables directement via le panneau Flex Properties
(figure 5-7).
Assistant de création CSS en ligne
Vous trouverez également un assistant de création en ligne de CSS pour
Flex à l’adresse suivante :
http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html
Le Flex 3 Style Explorer permet au développeur de sélectionner n’importe
quel composant du framework Flex et de le styliser avec l’assistance
d’une interface utilisateur qui évite de modifier le code. Cet assistant est
composé de quatre panneaux qui segmentent l’interface (figure 5-8) :
• le premier panneau, à gauche, permet de sélectionner un composant
sur lequel on appliquera un style ;
• le second panneau, STYLE CONTROLS, permet d’ajuster les propriétés
de style du composant sélectionné ;
• le troisième panneau, SANDBOX, est une fenêtre de visualisation en
temps réel du composant stylisé ;
• enfin, le dernier panneau CSS affiche le code CSS des modifications
de style appliquées.
Figure 5–6 Visualisation du style sur un composant Panel
ALLER PLUS LOIN
Modification du style en ActionScript
Il est également possible de modifier le style d’un
composant en utilisant le langage ActionScript.
Figure 5–7
Modification des propriétés de style
© Groupe Eyrolles, 2008
70
Flex Builder vous propose alors une visualisation en temps réel du style
appliqué sur un composant Panel (figure 5-6).
Toutes les propriétés de style de la feuille CSS appliquées au composant
sont également modifiables directement via le panneau Flex Properties
(figure 5-7).
Assistant de création CSS en ligne
Vous trouverez également un assistant de création en ligne de CSS pour
Flex à l’adresse suivante :
http://examples.adobe.com/flex3/consulting/styleexplorer/Flex3StyleExplorer.html
Le Flex 3 Style Explorer permet au développeur de sélectionner n’importe
quel composant du framework Flex et de le styliser avec l’assistance
d’une interface utilisateur qui évite de modifier le code. Cet assistant est
composé de quatre panneaux qui segmentent l’interface (figure 5-8) :
• le premier panneau, à gauche, permet de sélectionner un composant
sur lequel on appliquera un style ;
• le second panneau, STYLE CONTROLS, permet d’ajuster les propriétés
de style du composant sélectionné ;
• le troisième panneau, SANDBOX, est une fenêtre de visualisation en
temps réel du composant stylisé ;
• enfin, le dernier panneau CSS affiche le code CSS des modifications
de style appliquées.
Figure 5–6 Visualisation du style sur un composant Panel
ALLER PLUS LOIN
Modification du style en ActionScript
Il est également possible de modifier le style d’un
composant en utilisant le langage ActionScript.
Figure 5–7
Modification des propriétés de style