Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

Flex Skin: Appliquer une Skin sur les ToolTip

Vous pouvez skinner les tool tip exactement comme vous le feriez pour n'importe quel composant (de manière graphique ou codée en AS3). Fixez simplement la valeur du sélecteur de type ToolTip pour le paramètre borderSkin pour pouvoir changer son apparence.

L'exemple suivant montre comment utiliser une ProgrammaticSkin pour les tooltips:

package {

	import mx.skins.ProgrammaticSkin;
	import flash.filters.DropShadowFilter;

	public class ToolTipSkin extends ProgrammaticSkin {
		public function ToolTipSkin(){}

		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void{
			graphics.clear();
			graphics.lineStyle(0, 0, 0);
			graphics.beginFill(0xFFFFFF, .8);
			graphics.drawRoundRectComplex(0, 0, unscaledWidth, unscaledHeight, 0, 10, 10, 10);
			graphics.endFill();
			filters = [new DropShadowFilter()];
		}
	}
}

Et le fichier MXML qui permet d'appliquer cette Skin sur l'ensemble des ToolTip:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
	horizontalAlign="center" verticalAlign="middle" viewSourceURL="srcview/index.html">
	<mx:Style>
		ToolTip {
			borderSkin: ClassReference("ToolTipSkin");
		}
	</mx:Style>
	<mx:Button label="RollOver pour voir le tooltip"
		 toolTip="Exemple personnalisé"/>
</mx:Application>

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