Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
68
3 Ouvrez ensuite le fichier MediaFoot.mxml intégrant le conteneur principal, et ajoutez l’instruction suivante juste après la définition de la
balise :
Intégration d’une feuille de style externe
4 Ouvrez ensuite le fichier MediaFoot.css directement dans la vue
Editor et ajoutez les paramètres suivants :
Définition du style de nos panneaux
Le tableau ci-dessous résume les différentes propriétés que nous avons
définies pour le style de notre composant Panel :

borderThickness:
1;
backgroundColor:
#000000;
backgroundAlpha:
1;
color:
#BDE9FA;
cornerRadius:
0;
dropShadowEnabled:
true;
font-family:
Arial;
fontSize:
11;
fontWeight:
bold;
headerHeight:
24;
textIndent:
0;
borderColor:
#FFFFFF;
closeButtonDownSkin: Embed('/assets/ui/close_over.png');
closeButtonUpSkin:
Embed('/assets/ui/close_up.png');
}
Tableau 5–5 Style du composant Panel
Propriété
Description
borderStyle
Style de la bordure d’un élément. La propriété solid crée
une bordure continue.
borderThickness
Épaisseur de la bordure d’un élément.
backgroundColor
Couleur de fond de l’arrière-plan.
backgroundAlpha
Degré de transparence de l’arrière-plan, de 0 (transparence
totale) à 1 (opacité totale).
color
Couleur de texte.
cornerRadius
Arrondi des coins d’une bordure : avec la valeur 0, le coin
est un angle droit.
LE SAVIEZ-VOUS ? Intégrer des CSS dans le code
Il est également possible d’intégrer directement du
style CSS dans le code MXML. Pour ce faire, il suffit
d’utiliser les balises
encadrant les propriétés de styles.