Working example for you, I think some parts, will be helpful.
package {
import flash.display.Sprite;
import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.Event;
import flash.text.TextFormat;
public class StackOverflow extends Sprite {
public function StackOverflow() {
addEventListener(Event.ADDED_TO_STAGE, onAdded);
}
private function onAdded(e:Event):void {
removeEventListener(Event.ADDED_TO_STAGE, onAdded);
stage.align = StageAlign.TOP_LEFT;
stage.scaleMode = StageScaleMode.NO_SCALE;
setup();
}
private function setup():void {
var texts:Array = ["some", "text", "here", "dynamic"];
var i:uint, len:uint = texts.length, posX:uint, plate:Plate;
var textFormat: TextFormat = new TextFormat("Arial", 18, 0xFFFFFF, true);
for (i; i < len; ++i) {
plate = new Plate(texts[i], textFormat, Math.random() * 0xFFFFFF);
addChild(plate);
plate.x = posX;
posX += plate.width;
}
}
}
}
import flash.display.Graphics;
import flash.display.Sprite;
import flash.text.TextField;
import flash.text.TextFieldAutoSize;
import flash.text.TextFormat;
internal class Plate extends Sprite {
public function Plate(text:String, textFormat:TextFormat, color:uint) {
const padding:int = 20;
var textField:TextField = new TextField();
var g:Graphics = this.graphics;
textField.autoSize = TextFieldAutoSize.LEFT;
textField.defaultTextFormat = textFormat;
textField.multiline = false;
textField.wordWrap = false;
textField.text = text;
addChild(textField);
textField.x = textField.y = padding;
g.beginFill(color);
g.drawRect(0, 0, 2 * padding + textField.width, 2 * padding + textField.height);
}
}
Result, will look something like this: