在 Flex 4.5 中，如何使用 ActionScript（不是 MXML）将工具提示添加到 TextFlow (TLF) 内的 InlineGraphicElement？

Question

var newParagraph : ParagraphElement = new ParagraphElement();

var icon : InlineGraphicElement = MY_ICON;
//   icon.toolTip = "boo"  ????
newParagraph.addChild( icon );

我想要一个“图标”的特定工具提示。我读过有关使用 HTML 以及 rollOver 和 rollOut 的内容（例如 谢谢，先生），但我'我将其构建为更大文本块的一部分；中间很难从增量对象切换到 HTML。

如果我无法在图标上设置事件，我可以在 ActionScript 中创建一个 HTML 位作为段落的一部分（但不是全部）吗？

干杯

Answer 1

我刚刚遇到了同样的问题。

我发现的最简单的解决方案是将 InlineGraphicElement 包装在 LinkElement 中。

LinkElement 已调度鼠标事件。

Answer 2

问题（我确信您已经发现）是文本流元素不是显示对象，因此不实现正常的显示对象行为。

您需要做的是创建一个自定义 InlineGraphicElement 来附加您需要的事件侦听器，然后从 textFlow 实例分派一个事件，以便可以在显示对象层次结构中的某个位置读取该事件（或者您选择的任何目标方法）事件）。

您可以通过查看 LinkElement （请参阅 createContentElement 函数）。

不幸的是 InlineGraphicElement 被标记为最终的，因此您需要复制它的功能而不是扩展它。只需确保在代码中使用自定义图形元素代替普通图形元素即可。

祝你好运！

编辑

以防万一丢失了要点，我们的想法是，您可以通过将侦听器附加到 textFlow 来捕获应用程序中某处的鼠标事件，然后使用以下命令以编程方式创建工具提示并将其放置在元素上查找文本流元素边界的标准方法。

Answer 3

当鼠标悬停在文本流组件上时，您可以进行一些命中测试。

假设您有一些像这样的文本流：

<s:RichEditableText width="100%" height="100%" mouseOver="toggleTooltip()">
    <s:textFlow>
        <s:TextFlow>
            <s:p>
                <s:span>Some text before</s:span>
                <s:img id="myImg" source="myImg.png" />
                <s:span>Some text after</s:span>
            </s:p>
        </s:TextFlow>
    </s:textFlow>
</s:RichEditableText>

并且您侦听整个文本组件上的 mouseOver 事件。

然后要测试鼠标是否位于图像上，请实现 mouseOver 处理程序：

private function toggleTooltip():void {
    var graphic:DisplayObject = myImg.graphic;
    var anchor:Point = graphic.localToGlobal(new Point(0, 0));

    if (mouseX >= anchor.x && mouseX <= anchor.x + graphic.width &&
        mouseY >= anchor.y && mouseY <= anchor.y + graphic.height) 
    {
        trace('show tooltip');
    }
    else {
        trace('hide tooltip');
    }
}