flex中的html悬停行为

Question

我有一些弹性结构：

<s:BorderContainer id="addFunctionBarContainer" width="100%" height="50" 
       mouseOver="addFunctionBar_hover(event)">
   <s:Button id="addFunctionBarButton" width="20" height="20"
       click="addFunctionBar_clickHandler(event)" skinClass="skins.AddButtonSkin"/>
</s:BorderContainer>

如何编写函数

  

addFunctionBar_hover

该行为将类似于此html

div:HOVER a, div a:HOVER{/*some style*/}
<div><a></a></div>

解释：当我悬停addFunctionBarContainer时，应该悬停addFunctionBarButton状态。

Answer 1

public function addFunctionBar_hover(event):void{
    var skin:ButtonSkin = ButtonSkin(addFunctionBarButton.skin);
    skin.setCurrentState("over");
}

为mouseOut执行此操作：

public function addFunctionBar_hoverOut(event):void{
    var skin:ButtonSkin = ButtonSkin(addFunctionBarButton.skin);
    skin.setCurrentState("up");
}