Définir un Style sur une Tooltip à partir d'un Composant Spark – Flex 4
Posté le 10 septembre 2009 à 2:54 | Tags: @namespace, Button, Spark Controls, Style, ToolTipLa 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
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/definir-un-style-sur-une-tooltip --> |
<s:Application name="Halo_ToolTip_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"> |
<fx:Style> |
@namespace s "library://ns.adobe.com/flex/spark"; |
@namespace mx "library://ns.adobe.com/flex/halo"; |
mx|ToolTip { |
backgroundAlpha: 1.0; |
backgroundColor: black; |
color: white; |
cornerRadius: 0; |
fontSize: 24; |
} |
</fx:Style> |
<s:Button id="btn" |
label="Spark Button - www.flash-builder-tutorial.fr" |
creationComplete="btn.toolTip = mx_internal::VERSION;" |
horizontalCenter="0" verticalCenter="0" /> |
</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 :
- Afficher des Images dans un composant Spark List
- Activation de la Tabulation dans un composant Spark Scroller
- Créer une animation de couleur sur un composant Spark Button dans Flex 4 Gumbo
- Effet d'AutoScrolling sur un composant Spark TextArea
- Ajouter un Style CSS aux différents états d'un composant Spark Button
- Accéder à un Bouton Spécifique dans un composant Spark ButtonBar
- Définir le BackGroundResize d'un composant Spark Border dans Flex 4
- Définir le « Corner Radius » d'un composant « Border » Spark
- Définir un « Focus Alpha » sur un TextArea Spark
- Créer un lien hypertexte (LinkElement) dans un composant Spark RichEditableText