Flex 3 - Applications Internet riches
© Groupe Eyrolles, 2008
204
Styliser le widget
Il serait intéressant maintenant d’ajouter des styles pour définir et
embellir l’apparence de notre application, en proposant une interface
moins conventionnelle et plus moderne.
Comme pour toute application AIR, l’interface utilisateur peut être personnalisée en utilisant les CSS. Nous pouvons par exemple réduire l’opacité de 50 % avec une couleur d’arrière-plan grisée, en intégrant le bloc
d’instructions suivant dans notre code MXML :
Ajout de style dans le fichier MXML
Mais ces instructions seules ne suffiront pas. En effet, toute application
AIR intègre un fichier de description XML qui définit les propriétés de
base de l’application, comme sa transparence.
Ce fichier de description est le fichier XML automatiquement généré
dans le dossier source de votre application. Éditez ce fichier ; nous allons
le modifier ensemble afin de paramétrer l’apparence de notre widget.
Localisez, dans le fichier, les balises suivantes :
Modification du fichier XML
Supprimez les marques de commentaires et ajustez les paramètres de ces
deux balises comme ci-dessus (none pour et true pour
). Vous l’avez compris, ces deux propriétés définissent le
style de l’interface et activent sa transparence.
Compilez à nouveau l’application, et le résultat devrait être similaire à
celui visible sur la figure 12-5.
Nous pouvons également ajouter des icônes qui serviront de miniatures à
notre application, et qui seront ajoutées au système lors de l’installation
du widget :

WindowedApplication
{
background-color:"0xcccccc";
background-alpha:"0.5";
}


none

true