Thêm đường viền vào nhóm trong thời gian chạy theo flex

Question

Tôi đang cố gắng tạo một nhóm kiểu tia lửa trong flex tại thời gian chạy.i đang tạo một vài nút làm trẻ em của nhóm này trong thời gian chạy. tôi muốn thêm đường viền cho tất cả các nhóm. Tuy nhiên khi tôi sử dụng container biên giới nó ẩn tất cả các trẻ em khác và các công cụ trong nhóm container và chỉ hiển thị màn hình container biên giới. Làm cách nào tôi có thể thêm đường viền vào nhóm.

Lưu ý rằng tôi đang thêm vùng chứa đường viền làm con của nhóm chứa trong thời gian chạy.

Trân trọng

Answer 1

Bạn có thể thêm s: Chỉnh sửa con tại chỉ mục cụ thể hoạt động dưới dạng đường viền.

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

Hope this helps,

Blaze