Sizing a Node based on the Parent Node Size, How?

Question

Hi All, I'd like to base the dimensions of my nodes (width/height) based on the size of the Stage.
To explain this in greater detail.... if I run my app on a 1024x768 monitor or on a 1920x1080 monitor then I have different aspect ratio's and screen space I can utilize. Just the same if the size of the window is manipulated then my Node content should "recalculate" their dimensions.
How can you ask for the size of a Stage or Scene from a child node?
Edited by: AndrewHughes on Feb 18, 2009 4:18 AM

Answer 1

I sure hope someone has something better than this, because it's an aweful hack..... also if the Scene is empty at the start the window just closes, hence the 0x0 rectangle.
//first create the stage...
var stage = Stage {
    title: "MyApp"
    scene: Scene {
        content: [Rectangle {
                x: 0,
                y: 0
                width: 0,
                height: 0
                fill: Color.BLACK
//have to do a bound reference to on replace trigger that the size has changed and reconstruct the ui.
var width:Number = bind stage.width on replace {reconstruct()};
var height:Number = bind stage.height on replace {reconstruct()};
//reconstruct the ui completely
public function reconstruct():Void{
    stage.scene.content = [
        ImageView {
            image: Image {url: "http://forums.sun.com/im/a2v8_forums.gif"}
            fitHeight: height
            fitWidth: width
        Text {
            font: Font {
                size: 24
            x: stage.width * .25,
            y: stage.height * .25
            content: "{stage.width}(w)"
        Text {
            font: Font {
                size: 24
            x: stage.width * .75,
            y: stage.height * .75
            content: "{stage.width}(w)"
            rotate: 90
    println("Redrew everything... for new window size.");
}