Как нарисовать панель Flex?

Question

У меня проблема, когда я хочу нарисовать линию на панели. Я не знаю, как это сделать, пожалуйста, объясните мне ...

Я пытаюсь поместить SpriteVisualElement в панель, но я получаю «объявление компонента здесь не допускается» из Flex-строителя. Вот мой код:

<?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" minWidth="955" minHeight="600" 
       > 

<fx:Script> 
    <![CDATA[ 
     import mx.graphics.SolidColorStroke; 

     import spark.primitives.Line; 



     private function drawLine():void 
     { 
      var myShape:Shape = new Shape(); 
      myShape = new Shape() ; 


      myShape.graphics.lineStyle(2, 0x00008B, .75); 
      myShape.graphics.moveTo(500, 500); 

      myShape.graphics.lineTo(25, 45); 
      spr.addChild(myShape); 
     } 
    ]]> 
</fx:Script> 


<mx:Button label="Click" click="drawLine()" /> 
<mx:Panel y="30" width="400" height="250" layout="vertical" title="Panel" borderColor="#008040" fontFamily="Arial" fontWeight="bold" fontSize="13"> 

<mx:Text text="Drawing.." fontWeight="bold"/> 
     <s:SpriteVisualElement width="500" height="500" id="spr"/> 
</mx:Panel> 
</s:Application> 

Answer 1

Использования искра Панель

<s:Panel>