Aggiunta di un bordo a un gruppo in fase di esecuzione in flex

Question

sto provando a creare un gruppo di tipo spark in flex in runtime. Sto facendo un paio di pulsanti come figli di questo gruppo in runtime. Voglio aggiungere un bordo a tutto il gruppo. tuttavia quando uso il contenitore del bordo nasconde tutti gli altri bambini e le cose nel contenitore del gruppo e mostra solo la schermata del contenitore del bordo. Come posso aggiungere un bordo al gruppo.

Si noti che sto aggiungendo il contenitore del bordo come figlio del contenitore del gruppo in fase di esecuzione.

migliori saluti

Answer 1

È possibile aggiungere un s: Rect figlio in particolare indice che funge da confine.

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

Spero che questo aiuti,

Blaze