actionscript-3 - 在Flex中的运行时向组添加边框

Question

我试图在运行时在flex中创建一组spark类型。我在运行时将几个按钮作为该组的子代。我想为所有群组添加边框。但是，当我使用边框容器时，它会隐藏所有其他子级和组容器中的内容，并且仅显示边框容器屏幕。如何为组添加边框。

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

此致

Answer 1

您可以在作为边框的特定索引处添加s: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>

希望这可以帮助，

火焰