5 – Concevoir une interface utilisateur riche
© Groupe Eyrolles, 2008
69
Assistant de création CSS dans Flex Builder
Décidément, avec Flex, le développement RIA devient un véritable
plaisir. Tout semble pensé pour aider le développeur à concevoir rapidement et proprement son application cliente. Ainsi, Flex Builder 3 propose un mode de visualisation interactif pour la création de styles en
CSS. Pour activer cette fonctionnalité, il suffit d’ouvrir un document
d’extension CSS et de passer en mode Design.
Ouvrez, par exemple, notre fichier en cours de création MediaFoot.css.
Cliquez ensuite sur le bouton Design et sélectionnez un composant dans la
liste proposée. Choisissez le composant Panel et cliquez sur le bouton OK.
dropShadowEnabled
Ajout (valeur true) ou non (valeur false) d’une ombre
sous l’élément.
font-family
Police de caractères.
fontSize
Taille de la police.
fontWeight
Style de police de caractères de l’en-tête.
headerHeight
Hauteur de l’en-tête.
textIndent
Indentation du texte.
borderColor
Couleur de la bordure.
closeButtonDownSkin
Apparence du bouton de fermeture enfoncé (Down).
closeButtonUpSkin
Apparence du bouton de fermeture relâché (Up).
Tableau 5–5 Style du composant Panel (suite)
Propriété
Description
Figure 5–5
Outil de création CSS