边框容器创建通用的 mouseOver 函数

Question

我尝试创建一个函数来更改边框容器的边框属性。 为此，我为 MXML 上的每个边框容器创建一个函数。

但我会更好地编码并执行通用功能。

今天我的功能是：

protected function bcContact_mouseOverHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
bcContact.setStyle("borderVisible",true);
bcContact.setStyle("borderWeight",2);
bcContact.setStyle("borderColor",'#000099');
}

bcContact是一个边界容器Id。

我尝试用它替换 bcContact 但它不起作用。

你能帮我解决这个初学者的错误吗？

谢谢

Answer 1

你可以使用event.CurrentTraget，然后使用比较函数，与ids进行比较并进行设置。

Answer 2

您可以扩展 BorderContainer 类（在 Flash Builder 中，将 BorderContainer 放入“超级类”文本字段中）

您的类将如下所示：

import flash.events.MouseEvent;
import spark.components.BorderContainer;
package com.extensions.containers {

    class MyBorderContainer {

        function MyBorderContainer() {
            this.addEventListener(MouseEvent.MOUSE_OVER, changeStyle);
            this.addEventListener(MouseEvent.MOUSE_OUT, undoStyle);
        }

        private function changeStyle(e:MouseEvent):void {
            this.setStyle("borderVisible",true);
            this.setStyle("borderWeight",2);
            this.setStyle("borderColor",'#000099');
        }

        private function undoStyle(e:MouseEvent):void {
            this.setStyle("borderVisible",false);
            this.setStyle("borderWeight",0);
            this.setStyle("borderColor",'#000000');
        }
    }
}

该类需要位于文件 src/com/extensions/containers 中/MyBorderContainer.as

然后在您的 mxml 中使用它，

<containers:MyBorderContainer>

</containers:MyBorderContainer>

将命名空间 containers 设置为指向 com/extensions/containers