Tooltips personallizados en flex

Para crear el tooltip pesonalizado he usado flex 4 pero debe funcionar almenos tambien en el 3.

Si quieres crear un tooltip personalizado en flex puedes crear un componente que haga la función del tooltip y extenderlo implementando la interface IToolTip.

Es decir, creas un componente tal como quieres que se vea el tooltip. Puede ser un panel o un componente propio con una imagen. Luego le añades el “implements” y las funciones necesarias.

Un ejemplo muy basico es este componente:

tooltipCustomComponent.mxml

[code]

<?xml version="1.0" encoding="utf-8"?>
<s:Group
	xmlns:s="library://ns.adobe.com/flex/spark"
	xmlns:fx="http://ns.adobe.com/mxml/2009"
	xmlns:d="http://ns.adobe.com/fxg/2008/dt"
	implements="mx.core.IToolTip" >
	<fx:Script>
		<![CDATA[
			import mx.core.IToolTip;
			public var _text:String;

			public function get text():String {
				return _text;
			}

			public function set text(value:String):void {
			}
		]]>
	</fx:Script>
	<s:BitmapImage [...] />
	<s:BitmapImage [...] />
</s:Group>

[/code]

Una vez creado el componente solo falta añadir el evento que lanzará el tooltip. Lo más comodo es crear una función handler del evento toolTipCreate y dentro crear una instancia del componente que hicimos anteriormente y lanzarlo:

[code]

var customTooltip:tooltipCustomComponent = new tooltipCustomComponent();
event.toolTip = customTooltip;

[/code]

En esta web de adobe es donde encontré esta forma de hacerlo. Tiene una explicación más extensa y detallada además de otros aspectos sobre estos tooltips que aquí no he explicado.