01

Tutorial – Utilisation de la nouvelle syntaxe CSS dans Flash Builder 4 / Flex Gumbo

Adobe a mis à disposition dans Flash Builder 4 / Flex Gumbo une toute nouvelle syntaxe de Styles CSS qui apporte une plus grande fléxibilité au niveau de la personnalisation des applications.

Dans ce tutorial, nous allons voir quelques applications de cette nouvelle syntaxe CSS sur des composants (components) via les méthodes suivantes :

• Déclaration de @namespace
• Definition d'un style Global
• Attribution d'un style via un ID
• Attribution d'un style descendant
• Attribution d'un style pour une state spécifique

Voir la suite

0

Définir le background color d'un composant Spark Application Control Bar dans Flash Builder 4 / Flex Gumbo

Cet exemple vous montre comment définir la couleur du composant Spark ControlBarContent dans une application Flex Gumbo / Flash Builder 4 Beta de différentes manières :

• Utilisation d'un style skinClass et modification du control bar fill
• Définition du style dans un fichier CSS externe ou dans un conteneur s:Style
• Définition du style skinClass via ActionScript

Mise en avant : Application – skinClass Voir la suite

0

Définir l'épaisseur du bord (border weight) d'un Spark Border container dans Flash Builder 4 / Flex Gumbo

L'exemple suivant va vous montrer comment définir l'épaisseur du bord (border weight) d'un composant Spark Border de Flash Builder 4 Beta / Flex 4 Gumbo de différentes manières :

• Définition de la propriété borderWeight directement dans le composant Border
• Définition de la propriété borderWeight dans un fichier de Style CSS externe ou dans un container CSS <fx:Style/>
• Définition de la propriété de Style CSS directement en ActionScript
• borderWeight dans un custom border stroke object

Mise en avant : borderWeight Voir la suite

0

Modifier le Text Alignement d'un Title dans un component Spark Panel de Flex 4

L'exemple suivant vous montre comment modifier l'alignement du title (textAlign) d'un composant Spark Panel dans Flash Builder 4 / Flex 4 Gumbo en utilisant diverses méthodes :

1. Utilisation directe de la propriété titleDisplay.setStyle « textAlign »
2. Utilisation d'un style css
3. Création d'un custom skin du panel

Mise en avant : textAlign – titleDisplay
Voir la suite

0

Ajouter un Style CSS aux différents états d'un composant Spark Button

Dans Flex Builder 4 Beta, vous pouvez directement attribuer des styles pour les différentes states d'un composant. La source ci-dessous prend en exemple un composant Spark Button afin d'illustrer cette personnalisation :

Propriété mise en avant : s|Button

Voir la suite

0

Définir un Style sur une Tooltip à partir d'un Composant Spark – Flex 4

La définition des styles dans Flash Builder 4 a été largement améliorée comparé à Flex 3. Dans l'exemple suivant, nous allons voir comment définir un style sur une tooltip en utilisant le composant exemple s:Button Spark .

Propriété Css mise en avant : mx|ToolTip

Voir la suite