Flex - 在单击鼠标的位置显示一个面板

Question

我想创建一个组件（从 Spark 面板扩展），单击按钮时该组件应显示在按钮旁边（类似于弹出的气泡或悬停在 facebook/twitter 中的个人资料链接上时打开的小框） 。

我尝试创建一个实现 mx.core.IToolTip 的组件并提供该接口所需的方法。 并在 toolTipCreate 事件中，将此组件设置为工具提示。

这在一定程度上是有效的。当我将鼠标移到按钮上时，该面板将显示为工具提示，并在我将鼠标移开时消失。

我需要的是，单击按钮时面板应出现在按钮旁边，并且仅当我单击面板外部或单击面板内部的关闭按钮时才应消失。

您能否向我提供有关如何进一步进行的建议？

谢谢

Answer 1

   //on the first click... 
   addChild( mouseX , mouseY );

   //or
   component.x = mouseX;
   component.y = mouseY;

   //then tween alpha or make visible
   component.visible = true;

   //for the click outside , assuming parent is not null
   if( event.currentTarget == this.stage || event.currentTarget == this.parent)
     component.visible = false;