List 组件上的 itemRollOver 和 itemRollOut 事件存在问题

Question

我已经在列表组件上设置了 itemRollOver 和 itemRollOut 事件侦听器，但是每当我将鼠标滚动到列表项上时，同一列表项的 over 和 out 事件都会发生接连不断地开火。 我的列表使用自定义 itemRenderer。

有什么想法可能是为什么吗？ Adobe 文档没有提供对此的深入了解（毫不奇怪......）。

Answer 1

在我看来这是一个错误。 ListBase.mouseOverHandler 现在在调度 ITEM_ROLL_OVER 事件时设置一个名为 lastHighlightItemRendererAtIndices 的变量，然后在调度 ListBase.clearHighlight 中的 ITEM_ROLL_OUT 事件（由 mouseOutHandler 调用）时使用该变量（与 lastHighlightItemIndices 一起）。

问题是，当您从行到行移动鼠标时，首先调用 mouseOverHandler，设置 lastHightlight... 变量，然后当随后调用 mouseOutHandler 时，它使用刚刚设置的 lastHighlight... 值结果是您为同一渲染器获得连续的“roll over”和“roll out”事件。

坦率地说，我不知道为什么 ListBase.clearHighlight 在分派 ITEM_ROLL_OUT 事件时不使用传入的渲染器（这就是它在 SDK 2 中的工作方式），因为这是正在“推出”的实际渲染器。

Answer 2

它们来自同一个物体吗？
如果不是，您很可能会从您刚刚离开的“项目”中获得一个 itemRollOut ，并从您输入的新项目中获得一个 itemRollOver ，具体取决于它们的间距，并且这些项目可能会彼此非常接近地触发。

Answer 3

如果您要覆盖 set data()，请确保在项目渲染器中设置 super.data。

ListBase 侦听 MOUSE_OVER，然后根据鼠标坐标和项目渲染器的位置计算出其下方的项目。 您可以检查 ListEvent.itemRenderer 以查看哪个渲染器的翻转和推出正在触发以及按什么顺序触发。

最坏的情况是，您可以在项目渲染器中监听 rollOver 和 rollOut。

Answer 4

有同样的问题。 super.data 已经被设置，并且 rollOut 和 rollOver 事件的项目是相同的。 我最终选择了 anirudhsasikumar 最坏的情况，并在项目渲染器内监听 rollOver 和 rollOut。 似乎工作正常。

Answer 5

我也遇到了同样的问题。 我最终对 mx.controls.List 类进行子类化并重写clearHighlight 函数。 据我所知，lastHighlightItemIndices 变量仅在该函数中读取。 因此，执行类似以下操作可以解决此问题：

import mx.core.mx_internal;

use namespace mx_internal;

public class List extends mx.controls.List
{
    public function List()
    {
        super();
    }

    override mx_internal function clearHighlight( item:IListItemRenderer ):void
    {
        var uid:String = itemToUID( item.data );

        drawItem( UIDToItemRenderer( uid ), isItemSelected( item.data ), false, uid == caretUID );

        var pt:Point = itemRendererToIndices( item );

        if( pt )
        {
            var listEvent:ListEvent = new ListEvent( ListEvent.ITEM_ROLL_OUT );

            listEvent.columnIndex = item.x;
            listEvent.rowIndex = item.y;
            listEvent.itemRenderer = item;

            dispatchEvent( listEvent );
        }
    }
}

然后只需使用此 List 类而不是 Adob​​e 类，您就会获得预期的行为。 我针对 Flex SDK 3.2 对此进行了测试，它有效。

<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:controls="com.example.controls.*">

    [ other code ... ]

    <controls:List itemRollOver="onItemRollOver( event )" itemRollOut="onItemRollOut( event )" />

</mx:Canvas>

感谢吉诺·巴索在上面的帖子中提出的想法。 希望有帮助。

Answer 6

感谢您的解决方案。 这确实解决了问题！ 不过，有一个小修正：

listEvent.columnIndex = item.x;
listEvent.rowIndex = item.y;

应该是

listEvent.columnIndex = pt.x;
listEvent.rowIndex = pt.y;

item.x 和 y 保存渲染器的坐标（以像素为单位）。