Discussion :

[magoer]

Bonjour,

J'ai construit un tooltip qui ne fonctionne pas. Pourquoi ?
Merci par avance.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<?xml version="1.0" encoding="utf-8"?>
<!--  TestToolTip.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
 layout="vertical"
 backgroundGradientAlphas="[1.0, 1.0]"
 backgroundGradientColors="[#7C2B2B, #370B0B]" >
 
<mx:Script>
 <![CDATA[
     import mx.containers.Tile;
 import mx.controls.Alert;
 import mx.collections.ArrayCollection;
 import mx.events.ToolTipEvent;
 import com.composants.CustomToolTip;
 import mx.rpc.http.HTTPService;
 import mx.rpc.events.ResultEvent;
 import mx.rpc.events.FaultEvent;
 
 [Bindable]
 private var mesData : ArrayCollection = new ArrayCollection([
 {terme:"Groupement",definition:"Nom du groupement ..."},
 {terme:"Utilisateur",definition:"Nom de l'utilisateur connecté ..."}
 ]);
 
private function createCustomToolTip(event:ToolTipEvent):void {
  var toolTip:CustomToolTip = new CustomToolTip();
  toolTip.mesData = event.target.data;
  event.toolTip = toolTip;
}
 
 ]]>
 </mx:Script>
 
 <mx:Label text="DONNEES" color="#FFFFFF"
 fontWeight="bold" fontFamily="Arial" fontSize="25"
 toolTip=" " toolTipCreate="createCustomToolTip(event)"/>
 
</mx:Application>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<?xml version="1.0" encoding="utf-8"?>
<!-- CustomToolTip.mxml -->
    <mx:VBox xmlns:mx="http://www.adobe.com/2006/mxml"
     implements="mx.core.IToolTip"
     borderThickness="5"
     backgroundColor="#FFFFFF"
     borderColor="black"
     borderStyle="solid"
     cornerRadius="10" horizontalAlign="center" paddingTop="10">
 
     <mx:Script>
     <![CDATA[
     [Bindable]
     public var mesData:Object;
 
     //  Implement required methods of the IToolTip interface;
      //  these methods are not used in this example, though.
     public var _text:String;
 
     public function get text():String {
     return _text;
     }
     public function set text(value:String):void {
     }
 
     ]]>
     </mx:Script>
 
    <mx:Form paddingBottom="10" paddingLeft="10" paddingRight="10" paddingTop="10">
        <mx:FormItem label="{mesData.terme} : ">
            <mx:Label text="{mesData.definition}"/>
        </mx:FormItem>
    </mx:Form>
 
</mx:VBox>

[ouaqa]

Bonjour,

Voici un exemple de création d'un tooltip personnalisé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
public class VisuCanvasCommons extends Canvas
{
 
	private var tagTip : VisuCanvasCommonsTagListTooltip ;
 
 
	/**
	 * Constructor
	 */ 
	/**ATONIS*/
	public function VisuCanvasCommons () 
	{
		this.addEventListener(ToolTipEvent.TOOL_TIP_CREATE , createTagListToolTip );
 
		this.addEventListener(ToolTipEvent.TOOL_TIP_SHOW , showToolTip)
 
		this.toolTip = "image";
		this.tagTip = new VisuCanvasCommonsTagListTooltip() ;
 
	}
	/**ATONIS*/
 
 
	private function createTagListToolTip (AEvent : ToolTipEvent) : void
	{
		if (this.repAtom.name != null)
		{ this.tagTip.title = this.repAtom.name.substr(0,25) ; }
		else
		{ this.tagTip.title = "empty" ; }
 
		if (this.repAtom.prop_arr != null)
		{ 
			var tagProvider : ArrayCollection = new ArrayCollection;
			for each (var property : Property in this.repAtom.prop_arr)
			{ tagProvider.addItem( property.name) }
			this.tagTip.tagListSource = tagProvider ;  
		}
		AEvent.toolTip = this.tagTip ;			
	}
 
	private function showToolTip (AEvent : ToolTipEvent) : void
	{ }

et mon toolTip :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
<?xml version="1.0" encoding="utf-8"?>
<mx:Panel 
	xmlns:mx="http://www.adobe.com/2006/mxml"
	implements="mx.core.IToolTip"
	borderThickness="1"
	dropShadowEnabled="true"
	horizontalAlign="center"
	verticalAlign="middle"
	roundedBottomCorners="true"
	cornerRadius="10"
	resizeEffect="{resizeEffect}"
	width="100%"
	height="100%"
	maxWidth="200"
	horizontalScrollPolicy="off"
	verticalScrollPolicy="off">
	<mx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.binding.utils.BindingUtils;
			import mx.core.IToolTip;
 
			public var _text : String;
 
			[Bindable]
			public var tagListSource : ArrayCollection ;
 
 
			[Bindable]
			public function get text() : String
			{ return _text ; }
 
			public function set text(value : String) : void
			{ _text = value }
 
			public function init() : void
			{}
		]]>
	</mx:Script>
	<mx:Resize id="resizeEffect"
		duration="50">		
	</mx:Resize>
	<mx:TileList
		id="tagList"
		dataProvider="{tagListSource}"
		direction="vertical"
		width="100%"
		height="100%"
		textAlign="left"
		horizontalScrollPolicy="off"
		verticalScrollPolicy="off">	
	</mx:TileList>
</mx:Panel>

Voila.
Sinon, essaie s'il te plaît d'être un peu un peu plus verbeux lorsque tu as un problème. D'un côté, le lecteur en sait un peu plus sur le pourquoi du comment du bug, et de l'autre il aura un peu plus envie de t'aider .

Merci