Adobe Flex Tutorial - Adobe Flex Tutorial

9jan/090

Flex ToolTip – Appliquer des Styles aux ToolTips

Vous pouvez personnaliser l'apparence des toolTips en utilisant les styles. Le Framework Flex ne permet pas de fixer des styles pour des toolTips individuels, vous devez fixer le style des toolTips globalement pour toutes les instances. Vous pouvez le faire en changeant la définition du style ToolTip en utilisant le sélécteur CSS de la classe. L'exemple suivant montre comment changer la définition du style en utilisant le tag Style (il peut aussi être fait dans une feuille CSS séparée):

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" viewSourceURL="srcview/index.html">
	<mx:Style>
		ToolTip{
			fontFamily: "_typewriter";
			background-color:#FFFFFF;
		}
	</mx:Style>
	<mx:Button label="Tool Tip" toolTip="Exemple de toolTip avec style"/>
</mx:Application>

Flex Source Code Download: Télécharger le code source complet de l'application

This movie requires Flash Player 11

Remplis sous: ActionScript, StyleManager, ToolTip Lire la suite

22mai/082

Flex Styles: Utilisation du StyleManager et setStyleDeclaration

De manière transparente, Flex convertit tous le CSS à des instructions ActionScript qui sont gérées par une classe appelée mx.managers.StyleManager. Dans la plupart des cas, il n'est pas nécessaire de travailler directement avec la classe StyleManager. Cependant, dans le cas où vous voudriez avoir un contrôle plus précis sur les modification à l'exécution (modifications faites avec les sélecteurs de classe ou de type), vous devrez travailler avec le StyleManager.

La classe StyleManager permet d'accéder aux sélecteurs existants qui ont été crées en CSS, et vous autorise à ajouter de nouveaux sélecteurs avec du code. Pour accéder à un sélecteur existant, utilisez la méthode statique nommée getStyleDeclaration(). Cette méthode requiert une String en paramètre spécifiant le nom du sélecteur. Le nom du sélecteur doit inclure le point initial dans le cas d'un sélecteur de classe. La méthode retourne un objet mx.styles.CSSStyleDeclaration représentant le sélecteur.