ButtonBarButton自定义翻转/退出事件

Question

向按钮栏按钮添加自定义翻转和卷展栏的最佳方法是什么？我尝试在我正在使用的自定义皮肤中添加事件侦听器，但鼠标事件不会被触发。

有什么想法吗？

谢谢！

Answer 1

好吧，我不会说这是最好的方法，但我确实有一个解决方案。

在我制作的 ButtonBar Skin 中，我为 DataGroup 的creationComplete 添加一个侦听器，然后向其中的每个元素添加一个侦听器。

<fx:Script>
    <![CDATA[
        import com.mattel.styleguide.events.DesignDropDownEvent;

        import mx.controls.Alert;

        private function init():void
        {
            for (var i:int = 0; i < dataGroup.numElements; i++)
            {
                dataGroup.getElementAt(i).addEventListener(MouseEvent.ROLL_OVER, onRollOver);
                dataGroup.getElementAt(i).addEventListener(MouseEvent.ROLL_OUT, onRollOut);
            }
        }

        private function onRollOver(e:MouseEvent):void
        {
            //dispatch custom event
        }

        private function onRollOut(e:MouseEvent):void
        {
            //dispatch custom event
        }
    ]]>
</fx:Script>

<s:DataGroup id="dataGroup" width="100%" height="100%" creationComplete="init()">
    <s:layout>
        <s:ButtonBarHorizontalLayout gap="-1"/>
    </s:layout>
</s:DataGroup>

这允许为每个按钮触发翻转/推出事件，然后我可以检查 e.currentTarget 并查看与哪个按钮进行交互，并在函数内分派一个自定义事件，该事件会冒泡到我的视图。

我希望这是一种更干净的方法，这很可能是事实，但我只是不知道该怎么做。还有人有不同的想法吗？

谢谢！