Question

I’m using AS3 and I created a popup box as such:

        var s:Sprite = new Sprite();

        var shape:Shape = new Shape();
        shape.name = "HitArea";
        s.addChild( shape );

        shape.graphics.lineStyle( 4, 0xFFFFFF, 1 );
        shape.graphics.beginFill( 0xFFFFFF ); 
        shape.graphics.drawRoundRect( 0, 0, 200, 30, 10, 10 );

        var text:TextField = new TextField();
        text.text = "";
        text.autoSize = TextFieldAutoSize.CENTER;
        text.name = "Text";
        text.x = 100;
        text.y = 10;
        s.addChild( text );

        return s;

Which creates a 200 x 30 box that serves as an error box. The text sometimes goes outside the box though, as I use

        ( s.getChildByName( 'Text' ) as TextField ).text = "Text here";

how do I fit the box to the text? Or is there a better alternative?

Answer 1

How about setting the size after setting the text?

    var s:Sprite = new Sprite();

    var text:TextField = new TextField();
    text.text = "";
    text.autoSize = TextFieldAutoSize.CENTER;
    text.name = "Text";
/*  // Not yet
    text.x = 100;
    text.y = 10;
*/  s.addChild( text );

    // Create the shape based on text's size
    var shape:Shape = new Shape();
    shape.name = "HitArea";
    s.addChild( shape );
    shape.graphics.lineStyle(4, 0xFFFFFF, 1);
    shape.graphics.beginFill(0xFFFFFF);
    shape.graphics.drawRoundRect(0, 0, text.width + 32, text.height + 32, 10, 10); // Plus padding

    // Now adjust the text's position to the box's center
    text.x = (s.width  - text.width ) / 2;
    text.y = (s.height - text.height) / 2;

    return s;

That way the box will scale with the text no matter how big it is.