mxml Flex para AS3, pequena classe Eu perdi alguma coisa?

Question

Eu estava usando uma classe mxml mas desde que eu preciso passar algumas propriedades em tempo de construção, para tornar mais fácil eu vou convertê-lo em código AS3.

A classe é RectangleShape e ele simplesmente desenha um retângulo.

Original trabalho mxml

<?xml version="1.0" encoding="utf-8"?>
<BaseShape name="rectangle"
    xmlns="org.edorado.edoboard.view.components.shapes.*" 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:degrafa="http://www.degrafa.com/2007"
    xmlns:objecthandles="com.roguedevelopment.objecthandles.*">

    <mx:Script>
        <![CDATA[

            import org.edorado.edoboard.view.components.shapes.IShape;
            import mx.events.FlexEvent;

            override public function drag(movePt:Point):void {
                this.width = movePt.x - this.x; 
                this.height = movePt.y - this.y; 
            }

            override public function updateFillColor(color:int):void {
                solidFill.color = color;
            }

        ]]>
    </mx:Script>

    <degrafa:Surface >
        <degrafa:GeometryGroup id="geo">
            <degrafa:fills>
                <degrafa:SolidFill id="solidFill" color="white" alpha="0.3"/>
            </degrafa:fills>

            <degrafa:strokes>
                <degrafa:SolidStroke id="stroke1" color="white"/>
            </degrafa:strokes>

            <degrafa:RegularRectangle 
                id="rect" 
                fill = "{solidFill}"
                width="{width}" 
                height="{height}"
                stroke="{stroke1}" />
        </degrafa:GeometryGroup>        
    </degrafa:Surface>
</BaseShape>

Minha tentativa de AS3

org.edorado.edoboard.view.components.shapes pacote { importação com.degrafa.geometry.RegularRectangle; importação com.degrafa.paint.SolidFill; importação com.degrafa.paint.SolidStroke; importação com.degrafa.GeometryGroup; importação com.degrafa.Surface; importação flash.geom.Point;

public class RectangleShape extends BaseShape 
{
    public var surface:Surface = new Surface(); 
    public var geoGroup:GeometryGroup = new GeometryGroup();
    public var solidFill:SolidFill = new SolidFill("white");
    public var solidStroke:SolidStroke = new SolidStroke("black");
    public var rect:RegularRectangle = new RegularRectangle(); 

    public static const name:String = "rectangle";

    public function RectangleShape() {
        addChild(surface);
        //surface.addChild(geoGroup);
        surface.graphicsCollection.addItem(geoGroup); 

        solidFill.alpha = 0.3;
        rect.fill = solidFill;
        rect.stroke = solidStroke;
        rect.width = this.width;
        rect.height = this.height;
        geoGroup.geometry = [rect];
        geoGroup.draw(null, null); 
    }

    override public function drag(movePt:Point):void {

        this.width = movePt.x - this.x; 
        this.height = movePt.y - this.y; 
        trace('dragging ', this.width, this.height);
    }

    override public function updateFillColor(color:int):void {
        solidFill.color = color;
    }
}

}

O problema é que a forma não está atraindo mais, o recipiente BaseShape está lá e eu posso ver o arrasto traço de trabalho, mas não o retângulo mais.

Qualquer material que eu óbvia perdeu? Graças

Answer 1

Tente configurar as ligações com a classe BindingUtils.

Por exemplo:

BindingUtils.bindProperty(component, "height", this, "height"); 

Answer 2

Eu acho que identificou o problema. Antes na versão mxml tivemos

width = "{width}" height = "{height}"

E o retângulo degrafa irá ajustar automaticamente seu pai.

Mas não na versão AS. i deve tentar reproduzir o {width} e {height} em Como. Qualquer ferramenta para mxml convertido como?

Answer 3

Você quis addChild seu RectangleShape?