禁用 itemrenderer 悬停状态

Question

我的 itemrenderer 有 2 个自定义状态，没有悬停状态，也没有正常状态。

<s:states>
    <s:State name="state1" />
    <s:State name="state2" />
</s:states>

当我初始化它时，我强制它进入状态 2。问题是，当鼠标滚出远离该项目时，它会重新回到第一个状态state1。这有点奇怪，因为我实际上没有悬停/取消悬停状态。有谁知道如何防止这种情况发生？也许通过某种方式禁用 rollout 效果？

Answer 1

更新

为我解决了这个问题：我正在从数据提供者设置和读取当前状态。
“正常”和“悬停”始终基于当前状态，因此当您将鼠标悬停在 itemrenderer 上时不会发生任何变化。

<s:states>
  <s:State name="normal" basedOn="{data.@state}"/>
  <s:State name="hovered" basedOn="{data.@state}"/>
  <s:State name="state1"/>
  <s:State name="state2"/>
</s:states>

---

“我不确定你所说的‘重置’是什么意思。”

我这里也有同样的问题。
他希望在推出时保持状态。这与样式无关。这只是关于各州的事情。

我已经找到了这个，但我无法在我的构建中使用它。
http://ianserlin.com/index.php/2009/12/15/disabling-rollout-behavior-of-a-selected-item-in-a-flex-4-list/

Answer 2

您可以通过深入研究 ItemRenderer 源代码来找到解决方案。搜索“rollout”会发现：

private function addHandlers():void
{
    addEventListener(MouseEvent.ROLL_OVER, itemRenderer_rollOverHandler);
    addEventListener(MouseEvent.ROLL_OUT, itemRenderer_rollOutHandler);
}

查看“itemRenderer_rollOutHandler”方法，它包含：

protected function itemRenderer_rollOutHandler(event:MouseEvent):void
{
    hovered = false;
}

检查“hovered”成员，您可以看到它有一个 setter 函数：

protected function set hovered(value:Boolean):void
{
    if (value != _hovered)
    {
        _hovered = value;
        setCurrentState(getCurrentRendererState(), playTransitions);
        if (autoDrawBackground)
        {
            redrawRequested = true;
            super.$invalidateDisplayList();
        }
    }
}

其中一部分设置当前状态。好处是它是一个受保护的方法，这意味着我们可以重写它。因此，如果您从不在 ItemRenderer 中使用悬停状态，则将其添加到脚本块就足够了：

override protected function set hovered(value:Boolean):void
{
    // do nothing
}

悬停状态和背景绘制不会因此发生，因此推出事件侦听器将不起作用，并且您的状态将不会发生。不会受到影响。

Answer 3

最简单的解决方案是：

override protected function getCurrentRendererState():String
{
    return currentState;
}

这样，当推出或取消选择时，您的项目渲染器将不会尝试切换到其“正常”状态。
我将它与验证器结合使用来设置渲染器的错误状态。工作起来就像一个魅力。

Answer 4

我会考虑对鼠标事件做一些事情，例如 MouseOver

http://docs.huihoo.com/flex/4/flash/display/InteractiveObject.html#event:mouseOver

但是，我很确定当您使用某些东西作为 itemRenderer 时，列表类可以对 itemRenderer 施加一些控制。 List 类完全有可能导致您看到的行为。你使用什么类？你的渲染器是什么？

Answer 5

感谢您提供以下链接：

我已经找到了这个，但我无法在我的构建中使用它。
http://ianserlin.com/index.php/2009/12/15/disabling-rollout-behavior-of-a-selected-item-in-a-flex-4-list/

我也有类似的问题；根据数据，我有两种类型的正常状态，并且在鼠标移出后，我希望渲染器识别要恢复到两种状态中的哪一种。我使用了上面链接中给出的“覆盖函数”解决方案来达到预期的效果。

我的解决方案：

            override protected function itemRenderer_rollOutHandler(event:MouseEvent):void {
                if (data.index == 0) {
                    this.currentState = "keyNormal";
                }
                else {
                    this.currentState = "normal";
                }
            }

我刚刚在自定义 ItemRenderer 的块中输入了上述代码。

Answer 6

ItemRenderers 实际上委托了它们的正常、悬停和渲染。选定的状态发送到名为 InteractiveStateDetector 的内部类，而不是发送到父列表。这可以通过简单地在简单 UI 中使用 ItemRenderer 并手动附加其数据来验证（make 和 itemRenderer 带有绑定到 currentState 值的标签是查看这一点的最简单方法）。您将看到它仍然根据当前的用户体验更改状态。

考虑到这一点，Adobe 巧妙地省略了任何禁用此功能而不会造成混乱的方法。但是，您可以按照 Dennis 的建议进行操作，并在大多数用例中覆盖 getCurrentRendererState 函数。

我的特定用例是，我想在非渲染器设置中利用我的 itemRenderer，仅进行较小的状态更改，但它没有识别出我将其 currentState 声明为“nonRenderer”。它将默认为“正常”。