在运行时在 Flex 中向组添加边框

Question

我正在尝试在运行时在 Flex 中制作一组 Spark 类型。我正在运行时制作几个按钮作为该组的子按钮。我想为所有组添加边框。但是，当我使用边框容器时，它会隐藏所有其他子项和组容器中的内容，并且仅显示边框容器屏幕。如何向组添加边框。

请注意，我在运行时将边框容器添加为组容器的子级。

此致

Answer 1

您可以在特定索引处添加 as:Rect 子项作为边框。

<?xml version="1.0" encoding="utf-8"?>
<s:Application 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.graphics.SolidColorStroke;

        import spark.primitives.Rect;

        protected function addNewBorderButtonClick(event:MouseEvent):void
        {
            var borderRect:Rect = new Rect();
            var solidStroke:SolidColorStroke = new SolidColorStroke(0, 3);
            borderRect.stroke = solidStroke;
            borderRect.percentWidth = borderRect.percentHeight = 100;

            targetGroup.addElementAt(borderRect, 0);
        }
    ]]>
</fx:Script>

<fx:Declarations>
</fx:Declarations>

<s:Group id="targetGroup" 
         width="100" height="100"
         horizontalCenter="0" verticalCenter="0">
    <!-- some visual elements here -->
    <s:Button id="addNewBorderButton" 
              label="Add Border"
              horizontalCenter="0" verticalCenter="0"
              click="addNewBorderButtonClick(event)" />
</s:Group>
</s:Application>

希望这有帮助，

布莱兹