javafx-2 - JavaFXで適切な配置を設定する方法

Question

このダイアログのような JavaFX の例を作成したいと考えています。

私はこのコードを作成しました：

public void aboutDialogPanel()
    {

        final Stage aboutDialog = new Stage();
        aboutDialog.initModality(Modality.WINDOW_MODAL);

        HBox phbox = new HBox();
        phbox.setAlignment(Pos.CENTER);
        // Image
        ImageView iv = new ImageView(getClass().getResource("/images/splash.png").toExternalForm());
        phbox.getChildren().add(iv);

        HBox hbox = new HBox();
        // Text Area
        TextArea dataPane = new TextArea();
        dataPane.setEditable(false);
        dataPane.setLayoutX(160);
        dataPane.setLayoutY(160);
        hbox.setAlignment(Pos.CENTER);
        hbox.setSpacing(1);
        hbox.setPadding(new Insets(10, 0, 10, 0));
        hbox.getChildren().add(dataPane);

        HBox bhbox = new HBox();
        // Close Button
        Button closeButton = new Button("Close");

        closeButton.setOnAction(new EventHandler<ActionEvent>()
        {
            @Override
            public void handle(ActionEvent arg0)
            {
                // Close the dialog when "Close" button is pressed
                aboutDialog.close();
            }
        });

        bhbox.setAlignment(Pos.CENTER);
        bhbox.setSpacing(10);
        bhbox.setPadding(new Insets(10, 10, 10, 10));
        bhbox.getChildren().add(closeButton);

        BorderPane borderpane = new BorderPane();
        borderpane.setTop(phbox);
        borderpane.setCenter(hbox);
        borderpane.setBottom(bhbox);

        // Configure dialog size and background color
        Scene aboutDialogScene = new Scene(borderpane, 600, 500, Color.WHITE);
        aboutDialog.setScene(aboutDialogScene);
        aboutDialog.show();
    }

しかし、写真のように同じ配置を再現することはできません。コードのレイアウトを修正する方法を教えてください。

アップデート

これは視覚的な結果です:

テキスト フィールドは常に左右に制限されています。

Answer 1

行を追加

dataPane.prefWidthProperty().bind(hbox.widthProperty());