Question

我正在创建一个errorTip，当用户将鼠标悬停在图像上时会显示该错误提示。我希望弹出窗口显示在图像的左侧，但我可以传递的唯一属性是“errorTipRight”，“errorTipAbove”和“errorTipBelow”。

有什么想法？

示例代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx">
    <fx:Script>
        <![CDATA[
            import mx.controls.ToolTip;
            import mx.managers.ToolTipManager;
            [Embed(source="assets/some_image.png")]
            [Bindable]
            private var myIcon:Class;

            private var myToolTip:ToolTip;

            private function showToolTip(evt:MouseEvent, text:String):void
            {
                var pt:Point = new Point(evt.currentTarget.x, evt.currentTarget.y);
                pt = evt.currentTarget.parent.contentToGlobal(pt);

                // I WANT TO POP THE ERRORTIP UP TO THE LEFT HERE INSTEAD OF ABOVE.
                myToolTip = ToolTipManager.createToolTip(text, pt.x, pt.y, "errorTipAbove") as ToolTip; 
                var yOffset:int =  myToolTip.height + 5;
                myToolTip.y -= yOffset;
            }

            // Remove the tooltip
            private function killToolTip():void
            {
                ToolTipManager.destroyToolTip(myToolTip);
            }
        ]]>
    </fx:Script>
    <mx:Image source="{myIcon}" mouseOver="showToolTip(event, 'My ToolTip Message Goes Here')" mouseOut="killToolTip()" />
</mx:HBox>

Answer 1

您需要为ToolTipBorder类创建一个替换项，并将其指定为ToolTip的外观。我会通过复制ToolTipBorder源并修改updateDisplayList和borderMetrics方法来为这些方法中的switch语句包含一个新的“errorTipLeft”样式。然后将该外观类指定给CSS中的ToolTip类。希望有所帮助。

Answer 2

当您将坐标赋给ToolTipManager时，为什么不能从pt.x中减去工具提示的宽度？

myToolTip = ToolTipManager.createToolTip(text, (pt.x - somewidth), pt.y, "errorTipAbove") as ToolTip;

有没有办法在目标左侧显示errorTip（错误工具提示）？

2 个答案: