HGroup中的Flex 4 Button状态

时间:2010-05-11 14:56:03

标签: flex flex4

我有一个HGroup,里面有一些按钮,这是我应用程序的菜单。

<s:HGroup id="nav">
    <s:Button id="homeButton" label="Home" />
    <s:Button id="showroomButton" label="Showroom" />
    <s:Button label="Catalogue" />
    <s:Button label="Offers" />
    <s:Button label="My Account" />
    <s:Button label="My Orders" />
</s:HGroup>

我想要的是当我点击#homeButton将其状态更改为“over”,被禁用并将所有其他按钮重置为“up”状态。

我写过这个函数

    private function resetNavState():void {
        for(var i:int = 0,ii:int = nav.numChildren-1;i<ii;i++) {
        Button(nav.getChildAt(i)).mouseEnabled = true;
        Button(nav.getChildAt(i)).skin.setCurrentState("up",true);
    }
}

然后在homeButton点击处理程序上,例如我使用

protected function homeButton_clickHandler(event:MouseEvent):void
{
    resetNavState();
    currentState = "home";
    homeButton.skin.setCurrentState("over",true);
    homeButton.mouseEnabled = false;

}

我重置了#nav按钮的状态,但它没有改变按下按钮的状态。

有什么想法吗?

提前完成

1 个答案:

答案 0 :(得分:0)

您需要将按钮放在<s:ButtonBar />控件而不是HGroup中。