1. 新建Javafx項(xiàng)目在IDEA中新建一個(gè)Javafx項(xiàng)目，點(diǎn)擊“File”->“New”->“Project”，選擇“JavaFX”并填寫相關(guān)信息，如下圖所示：2. 運(yùn)行并啟動程序在項(xiàng)目主程序中

1. 新建Javafx項(xiàng)目

在IDEA中新建一個(gè)Javafx項(xiàng)目，點(diǎn)擊“File”->“New”->“Project”，選擇“JavaFX”并填寫相關(guān)信息，如下圖所示：

2. 運(yùn)行并啟動程序

在項(xiàng)目主程序中，選擇“Run”->“Run 'Main'”，或者直接按快捷鍵“Shift F10”運(yùn)行程序，并且確保程序正常啟動。

3. 添加Box布局

在FXML文件中添加Box布局，可以通過拖拽控件或手動編寫代碼來實(shí)現(xiàn)。例如，在FXML文件的根節(jié)點(diǎn)中添加一個(gè)水平方向的Box布局，代碼如下：

```

```

4. 定位到項(xiàng)目主程序

回到項(xiàng)目主程序，找到FXMLLoader類的load()方法，將FXML文件加載進(jìn)來：

```

public class Main extends Application {

@Override

public void start(Stage primaryStage) throws Exception{

Parent root FXMLLoader.load(getClass().getResource("sample.fxml"));

("Javafx Box Layout Demo");

(new Scene(root, 300, 275));

();

}

public static void main(String[] args) {

launch(args);

}

}

```

5. 添加代碼

我們可以通過代碼來修改Box布局的屬性，例如設(shè)置內(nèi)邊距、對齊方式等。下面是一些常見的Box布局屬性：

- setSpacing(double value)：設(shè)置組件之間的間距。

- setPadding(Insets value)：設(shè)置內(nèi)邊距。

- setAlignment(Pos value)：設(shè)置對齊方式。

```

public class Controller {

@FXML VBox box;

public void initialize() {

// 設(shè)置組件之間的間距

(10);

// 設(shè)置內(nèi)邊距

(new Insets(10));

// 設(shè)置對齊方式

(_RIGHT);

}

}

```

6. 重新運(yùn)行程序，查看效果

重新運(yùn)行程序，即可在窗口中看到添加的Box布局。如果按照以上步驟操作沒有出錯(cuò)，那么你應(yīng)該能夠看到類似于下圖的效果：