Essayer de dessiner un rectangle dans un conteneur personnalisé dans Flex4/AS3

Question

Voici donc le code que j'ai jusqu'à présent. Pour l'instant je veux simplement faire dessiner un carré et le faire apparaître. En ce moment, quand je clique sur la zone définie dans MXML comme <components:PaintArea width="100%" height="100%" id="paint-a"></PaintArea> il ne montre rien; cependant, actionlistener est déclenché et un élément est ajouté au groupe. Je ne sais pas exactement ce qui se passe ... peut-être pour une raison quelconque, il ne pense pas que l'élément est drawable? En tout cas merci pour l'aide!

public class PaintArea extends SkinnableContainer 
{ 
    private var canvas:Group; 

    public function PaintArea() 
    { 
     super(); 
     canvas = new Group(); 
     canvas.clipAndEnableScrolling = true; 
     canvas.percentHeight = 100; 
     canvas.percentWidth = 100; 
     canvas.addEventListener(MouseEvent.MOUSE_UP,drawRectangle); 
     this.addElement(canvas); 
    } 

    private function drawRectangle(e:MouseEvent):void{ 
     var r:Rect = new Rect(); 
     r.fill = new SolidColor(0x00ff00,.5); 
     canvas.addElement(r); 
    } 
} 

Answer 1

Vous devriez probablement définir la width et height du rectangle r.

Answer 2

Vous pouvez également utiliser un BorderContainer (http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/BorderContainer.html) - est un SkinnableContainer avec une bordure styleable et remplir