突出显示控制栏中的所选按钮

时间:2011-04-27 12:06:47

标签: actionscript-3 flex flex3

我的应用程序中有3个按钮(比如b1,b2,b3),位于控制栏下方 单击这些按钮将打开新视图(组件) 假设如果单击按钮b1,则应突出显示按钮b1(bg颜色更改)。 如果对于这个

这是noob问题,该怎么回事

由于

3 个答案:

答案 0 :(得分:1)

将按钮的toggle属性设置为truein documentation,然后为按钮管理selected属性(将其设为true以显示活动按钮。)< / p>

答案 1 :(得分:1)

我认为你应该在这里使用ToggleButton example 还要检查Button Bar以分组按钮

由您提问我认为您需要在按钮点击上切换视图 在这种情况下,您可能会看到Tab Navigator

希望有帮助

答案 2 :(得分:0)

尝试此示例,因为您正在寻找没有任何按钮栏的解决方案

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" minWidth="955" minHeight="600">

    <mx:Script>
        <![CDATA[
            import mx.core.UIComponent;
            protected function button1_clickHandler(event:MouseEvent):void
            {
                for each(var child:UIComponent in hbox.getChildren())
                {
                    if(child.className == 'Button')
                    {
                        Button(child).selected = false;
                    }
                }
                event.currentTarget.selected = true;
            }
        ]]>
    </mx:Script>

    <mx:HBox id="hbox">
        <mx:Button label="B1" toggle="true" click="button1_clickHandler(event)"/>
        <mx:Button label="B2" toggle="true" click="button1_clickHandler(event)"/>
        <mx:Button label="B3" toggle="true" click="button1_clickHandler(event)"/>
    </mx:HBox>
</mx:Application>

要控制处于选定状态的按钮的背景颜色,请定义selectedUpSkin,selectedOverSkin,selectedDownSkin(和selectedDisabledSkin)

P.S:如果你只使用控制栏中的按钮,你可以使用Button作为孩子的类型,并避免使用if语句