0

Arrondir individuellement certains coins (corners) sur une Image via l'utilisation d'un « mask » dans Flash Builder

Cet exemple Flex va vous montrer comment arrondir individuellement certains coins (corners) sur une Image dans Flash Builder 4 Beta en attachant à celle-ci une masque (mask) créé à partir d'un Sprite arrondi (rounded Sprite) en utilisant la méthode drawRoundRect().

Mise en avant : drawRoundRect() – Sprite- mask Voir la suite

3

Tutorial – Skinning dans Flash Builder 4 (Flex Gumbo) – Part 1

Adobe a changé de manière significative le système de gestion des skins dans Flash Builder 4 pour donner au développeurs de grandes possibilités de créer des composants avec des skins personnalisés sans avoir à s'engouffrer dans de la création via Flash ou autre application de graphisme.

Dans Flex 3, pour créer un container panel avec des bords arrondis (rounded corners) et un background en dégradé, on devait passer en général via Flash, 9-slice scaling, export du SWC et quelques CSS embêtant pour que ça marche. Ou encore passer par des classes complexes en AS3 directement dans Flex Builder. Maintenant, nous pouvons dessiner tout nativement en MXML avec un minimum d'efforts. Cela comprend aussi le type de dessin vectoriel, donc un seul composant suffit pour toutes les tailles.

Le coeur de ce nouveau système de skinning réside dans les composants Spark. Chaque composant vous permet de spécifier un type de skin en utilisant les attributs de styles skinClass. Dans ce tutorial, vous allez créer un skin personnalisé pour le composant SkinnableContainer. Voir la suite

2

Personnaliser le trackHighlight d'un Halo HSlider ou VSlider dans Flash Builder 4 / Flex 4

Cet exemple de Flash Builder 4 vous montre comment personnaliser le trackHighlight d'un component Halo HSlider ou VSlider de différentes manières dans Flex 4 Gumbo :

• 1. Définition des propriétés de Style CSS showTrackHighlight et trackHighlightSkin
• 2. Définition des propriétés de Style showTrackHighlight et trackHighlightSkin dans un fichier .CSS externe
  ou dans un container de style
• 3. Définition des propriétés de Style showTrackHighlight et trackHighlightSkin directement en ActionSript dans un container fx:Script

Mise en avant : showTrackHighlight – trackHighlightSkin
Voir la suite

0

Styler le Bouton présent (Emphasized Button) dans un Halo Alert Control dans Flex 4

Cet exemple de Flex 4 vous montre comment définir un Skin / Style CSS personnalisé pour un bouton (component Button) présent dans un composant Halo Alert dans Flash Builder 4 Beta :

Mise en avant : emphasizedSkin – s:SparkSkin
Voir la suite

0

Supprimer le Separator Skin d'un Halo DataGrid control dans Flex 4

L'exemple suivant vous montre comment supprimer le Separator Skin (skin des séparateurs de colonnes) dans un Halo DataGrid control (composant Halo DataGrid) dans Flash Builder 4 / Flex 4 Gumbo en utilisant diverses méthodes :

1. Utilisation directe du paramètre de Style CSS headerSeparatorSkin
2. Utilisation d'un style css externe ou inclu dans un container style
3. Modification en actionscript 3 du style via le paramètre HaloSeparatorSkin

Mise en avant : headerSeparatorSkin – HaloSeparatorSkin
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

Afficher des Images dans un composant Spark List

Il y a différentes possibilités pour afficher des images dans un composant Spark List dans Flash Builder 4 / Flex 4 Gumbo :

Mise en avant : s:BitmapImage – SparkSkin
Voir la suite