工具提示圖像元素裏面的RichEditableText

我有以下幾點：工具提示圖像元素裏面的RichEditableText

<s:RichEditableText>   
    <s:textFlow> 
     <s:TextFlow> 
      <s:p><s:a click="linkelement1_clickHandler(event);"><s:img id="ccIMG" source="{imgCls}"></s:img></s:a></s:p> 
     </s:TextFlow> 
    </s:textFlow> 
</s:RichEditableText>

我想要顯示的img元素上的提示 - 還沒有想通這一個 - 想法嗎？

謝謝！

MCE

來源

2011-08-20 MCE

糟糕！按錯鍵！我試圖在解決ID ccIMG 0的初始化函數設置提示嘗試了沒有運氣（不記得現在！） – MCE

哇其他的事情！ Flextras有代表在最高的1％！真棒！ – MCE

你面臨的問題是，圖像不會定期調度事件的顯示列表將其他元素。爲了更加精確，也不會派遣MOUSE_OVER或ROLL_OVER事件，爲您偵聽和顯示工具提示。

所以你必須要偵聽整個RichEditableText將這些事件，並做一些命中測試，以檢測鼠標是否是在圖像或沒有。

假設你有一些文本流是這樣的：

<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>

你聽對整個TextComponent中鼠標懸停事件。

然後以測試鼠標在你的形象，實現了鼠標懸停處理程序：

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'); 
    } 
}

來源

2011-08-20 22:19:27 RIAstar

工具提示圖像元素裏面的RichEditableText

回答

相關問題