How to center in a Scene?

Question

I'm liking the layouts, but I haven't figured out how to center something in a Scene. It doesn't take LayoutInfo, for example.
What's a good way to center a Component (a VBox in this case) in a Scene?
Thanks,
Dave

Answer 1

You can do it the good old way:
def IMAGES_WIDTH = 100;
def IMAGES_HEIGHT = 100;
var COLUMN_NB = 3;
var ROW_NB = 3;
var scene: Scene;
var previews: Container;
Stage
  title: "Test of Tile layout"
  scene: scene = Scene
    width: 500
    height: 500
    fill: Color.LAVENDER
    content:
      previews = Tile
        hgap: 10
        vgap: 10
        layoutX: bind (scene.width - previews.width) / 2
        layoutY: bind (scene.height - previews.height) / 2
        columns: COLUMN_NB
        content: for (i in [ 1 .. COLUMN_NB * ROW_NB ])
          ImageView
            image: Image
              url: "{__DIR__}clock.gif"
              width: IMAGES_WIDTH
              preserveRatio: true
}