Configurer la couleur de la bordure d'un Container Spark Border
Posté le 10 septembre 2009 à 1:42 | Tags: BorderColor, Couleur, Flash Builder 4 Beta, Flex 4, Spark ControlsUtilisation de la propriété borderColor sur le composant Spark Border dans Flash Builder 4 / Flex 4 pour définir la couleur du bord du composant
Propriété mise en avant : borderColor
Attention : vous devez impérativement disposer du SDK 4.0.0.10007 ou supérieur.
| MXML | | Copier le code |
<?xml version="1.0" encoding="utf-8"?> |
<!-- http://www.flash-builder-tutorial.fr/2009/09/10/configurer-la-couleur-du-bord-dun-container-spark-border/ --> |
<s:Application name="Spark_Border_borderColor_test" |
xmlns:fx="http://ns.adobe.com/mxml/2009" |
xmlns:s="library://ns.adobe.com/flex/spark" |
xmlns:mx="library://ns.adobe.com/flex/halo"> |
<s:controlBarContent> |
<mx:Form paddingTop="0" paddingBottom="0"> |
<mx:FormItem label="borderColor:"> |
<mx:ColorPicker id="colorPicker" /> |
</mx:FormItem> |
</mx:Form> |
</s:controlBarContent> |
<s:Border id="brdr" |
borderColor="{colorPicker.selectedColor}" |
horizontalCenter="0" verticalCenter="0"> |
<s:RichText width="200"> |
<s:textFlow> |
<s:TextFlow> |
<s:p>1) www.flash-builder-tutorial.fr</s:p> |
<s:p>2) www.flash-builder-tutorial.fr</s:p> |
<s:p>3) www.flash-builder-tutorial.fr</s:p> |
</s:TextFlow> |
</s:textFlow> |
</s:RichText> |
</s:Border> |
</s:Application> |
Rendu final (nécessite Flash Player 10) :
Télécharger la source de l'exemple
Autre(s) source(s) proche(s) de ce sujet :
- Gestion de la visibilité de la bordure d'un composant Spark Border dans Flash Builder 4 / Flex Gumbo
- Gestion du lissage (smoothing) sur l'image de fond (BackGround) d'un composant Spark Border dans Flash Builder 4 / Flex Gumbo
- Définir la couleur de base des scrollbars d'un Halo DataGrid control dans Flash Builder 4 / Flex Gumbo
- Créer un linear gradient backGround dans un composant Spark Border dans Flash Builder 4
- Créer une animation de couleur sur un composant Spark Button dans Flex 4 Gumbo
- Définir le BackGroundResize d'un composant Spark Border dans Flex 4
- Configurer la barre de contrôle d'une Application Spark
- Définir le « Corner Radius » d'un composant « Border » Spark