在ButtonBar中隐藏按钮

Question

我想知道在ButtonBar中是否存在隐藏特定按钮的方法。根据这个答案(以及第二个答案中提供的链接) 禁用按钮条中的单个按钮，我需要使用ButtonBar的getChildAt方法，但是当我这样做时，我得到的是自定义皮肤对象，而不是Button对象。我想知道如何才能访问Button对象。

谢谢!

Answer 1

假设按钮栏中的所有按钮同时呈现，而不需要滚动条.

使用火花ButtonBar，您可以直接访问皮肤部分以获得对按钮的访问。在概念上是这样的：

var button : Button = mySparkButtonBarInstance.dataGroup.getElementAt(SomeIndex);
button.visible = false; // or true
button.includeInLayout = false;  // or true

如果您的ButtonBar可以使用虚拟布局，并且需要滚动，这是行不通的。

编辑:下面是演示此技术的工作代码：

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx">

    <fx:Script>
        <![CDATA[
            import mx.core.IVisualElement;
            protected function button1_clickHandler(event:MouseEvent):void
            {
                trace(buttonBar.dataGroup.getElementAt(0));
                var button :IVisualElement = buttonBar.dataGroup.getElementAt(0);
                button.visible = false; // or true
                button.includeInLayout = false;  // or true         }
            }
        ]]>
    </fx:Script>

    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>

    <s:layout>
        <s:VerticalLayout paddingLeft="20" paddingTop="20"/>
    </s:layout>

    <s:ButtonBar id="buttonBar">  
        <mx:ArrayCollection>
            <fx:String>Flash</fx:String> 
            <fx:String>Director</fx:String> 
            <fx:String>Dreamweaver</fx:String> 
            <fx:String>ColdFusion</fx:String> 
        </mx:ArrayCollection>
    </s:ButtonBar>

    <s:Button label="Remove" click="button1_clickHandler(event)" />

</s:WindowedApplication>