在 ButtonBar 中隐藏按钮

Question

我想知道是否有任何方法可以隐藏 ButtonBar 中的特定按钮。根据这个答案（以及第二个答案中提供的链接）Disable individual buttons in a buttonbar 我需要使用 ButtonBar 的 getChildAt 方法，但是当我这样做时，我得到了自定义皮肤对象而不是 Button 对象。我想知道如何访问 Button 对象。

谢谢！

Answer 1

假设您的按钮栏中的所有按钮将同时呈现并且您不需要滚动条...

使用 Spark 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>