Agregando un borde a un grupo en tiempo de ejecución en flex

Question

Estoy tratando de hacer un grupo de tipo de chispa en flex en tiempo de ejecución. Estoy haciendo un par de botones como hijos de este grupo en tiempo de ejecución. Quiero agregar borde a todo el grupo. sin embargo, cuando utilizo el contenedor de borde, oculta el resto de elementos secundarios y el contenido del contenedor de grupo y solo muestra la pantalla del contenedor de borde. ¿Cómo puedo agregar borde a grupo?

Tenga en cuenta que estoy agregando el contenedor de borde como un elemento secundario de contenedor de grupo en tiempo de ejecución.

mejores deseos

Answer 1

Puede añadir una s: Rect niño en particular, el índice actúa como frontera.

<?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> 

Espero que esto ayude,

Blaze