1

hbox の各ボタンの位置を変更したい:

HBox buttom = new HBox();

Button delete_button = new Button("Delete");
Button showAll_button = new Button("Show All");
Button back_button = new Button("Back");

buttomPaneRight_deleteScene.getChildren().addAll(back_button,showAll_button,delete_button);

BorderPane basePane = new BorderPane();
basePane.setButtom(buttomPaneRight_deleteScene):

back_buttonたとえば、各ボタンの位置を左隅にdelete_button、右隅に変更したいと考えていますshowAll_button。チェックsetAlignment(Pos.Value);しましたが、これにより hbox pos 全体が変更されます

4

3 に答える 3

3

1つの解決策（多くあります）は、右にあるボタンを別のボタンでラップするだけですHBox：

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.stage.Stage;

public class LayoutExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        BorderPane root = new BorderPane();

        HBox hbox = new HBox();

        Button backButton = new Button("Back");
        Button deleteButton = new Button("Delete");
        Button showAllButton = new Button("Show All");

        HBox rightButtons = new HBox(deleteButton, showAllButton);
        rightButtons.setAlignment(Pos.CENTER_RIGHT);

        HBox.setHgrow(rightButtons, Priority.ALWAYS);

        hbox.getChildren().addAll(backButton, rightButtons);
        hbox.setPadding(new Insets(2));

        root.setBottom(hbox);
        Scene scene = new Scene(root, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

ここに画像の説明を入力

別の解決策は、スペーサーとして機能する a を追加し、Paneできるだけ大きくすることです。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.layout.Priority;
import javafx.stage.Stage;

public class LayoutExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        BorderPane root = new BorderPane();

        HBox hbox = new HBox();

        Button backButton = new Button("Back");
        Button deleteButton = new Button("Delete");
        Button showAllButton = new Button("Show All");

        Pane spacer = new Pane();

        HBox.setHgrow(spacer, Priority.ALWAYS);

        hbox.getChildren().addAll(backButton, spacer, deleteButton, showAllButton);
        hbox.setPadding(new Insets(2));

        root.setBottom(hbox);
        Scene scene = new Scene(root, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

AnchorPane3 番目の解決策は、 の代わりにを使用HBoxし、右側の 2 つのボタンを でラップすることHBoxです。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.AnchorPane;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.layout.Priority;
import javafx.stage.Stage;

public class LayoutExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        BorderPane root = new BorderPane();

        AnchorPane anchorPane = new AnchorPane();

        Button backButton = new Button("Back");
        Button deleteButton = new Button("Delete");
        Button showAllButton = new Button("Show All");

        HBox rightButtons = new HBox(deleteButton, showAllButton);

        anchorPane.getChildren().addAll(backButton, rightButtons);

        AnchorPane.setBottomAnchor(rightButtons, 2.0);
        AnchorPane.setBottomAnchor(backButton, 2.0);

        AnchorPane.setLeftAnchor(backButton, 2.0);
        AnchorPane.setRightAnchor(rightButtons, 2.0);

        root.setBottom(anchorPane);
        Scene scene = new Scene(root, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

そして 4 番目の解決策は、次を使用することGridPaneです。

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Priority;
import javafx.stage.Stage;

public class LayoutExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        BorderPane root = new BorderPane();

        GridPane gridPane = new GridPane();


        Button backButton = new Button("Back");
        Button deleteButton = new Button("Delete");
        Button showAllButton = new Button("Show All");

        gridPane.add(backButton, 0, 0);
        gridPane.add(deleteButton, 1, 0);
        gridPane.add(showAllButton, 2, 0);

        ColumnConstraints leftCol = new ColumnConstraints();
        leftCol.setHgrow(Priority.ALWAYS);

        gridPane.getColumnConstraints().addAll(leftCol, new ColumnConstraints(), new ColumnConstraints());

        gridPane.setPadding(new Insets(2));
        root.setBottom(gridPane);
        Scene scene = new Scene(root, 600, 600);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}
于 2016-12-05T17:23:20.433 に答える
2

前に述べたように、別のペイン オプションを使用してみてください。GridPane は問題を解決するか、別の HBox をネストする必要があります。

これを参照してくださいhttp://docs.oracle.com/javafx/2/layout/builtin_layouts.htm

于 2016-12-05T17:17:59.453 に答える
1

基本的には使用しませんHBox。AnchorPane達成したいことにより適しています。

AnchorPane holder = new AnchorPane();

Button delete_button = new Button("Delete");
Button showAll_button = new Button("Show All");
Button back_button = new Button("Back");

// Add buttons to holder
holder.getChildren().add(delete_button);
holder.getChildren().add(showAll_button);
holder.getChildren().add(back_button);

// Delete top left
AnchorPane.setTopAnchor (delete_button, 0.0);
AnchorPane.setLeftAnchor(delete_button, 0.0);

// Show all top right
AnchorPane.setTopAnchor  (showAll_button, 0.0);
AnchorPane.setRightAnchor(showAll_button, 0.0);

// Back bottom right
AnchorPane.setBottomAnchor(back_button, 0.0);
AnchorPane.setRightAnchor (back_button, 0.0);
于 2016-12-05T17:17:43.320 に答える