JavaFX UI Elements の配置

横配置には HBox、縦配置には VBox を使う

button1,button2,button3 を横に並べる

HBox{
  translateX: 10
  translateY: 10
  spacing: 20
  content:[button1,button2,button3]
}

translateX, translateY は HBox のゼロ点をずらす
spacing は各コンテンツの間隔
content は並べるコンテンツの Sequence

button1,button2,button3 を縦に並べる

VBox{
  translateX: 10
  translateY: 10
  spacing: 20
  content:[button1,button2,button3]
}

Stage　で使うとこんな感じ
More...

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;

Stage {
  title: "Components"
  width: 430 
  height: 300
  visible: true
  scene: Scene{  
     fill: Color.CORNSILK
     content: VBox{
        translateX: 10
        translateY: 10
        spacing: 20
        content:[
           HBox{
             spacing: 50 
             content:[combobox, checkbox]
           },
           HBox{
             spacing: 10
             content:[
                scrollpane,
                VBox{
                   spacing: 50 
                   content:[ 
                      VBox{
                         spacing: bind slider.value 
                         content:[
                            radioButton1, 
                            radioButton2, 
                            radioButton3]
                      }, 
                      textField]
                },
                VBox{content:[ 
                    button1, 
                    button2, 
                    button3]
                }   
             ]
           },
           HBox {
              spacing: 20 
              content:[label, slider]
           }
        ]
     } //VBox
  }//Scene
}//Stage