Javafx Gridpane 布局真的很奇怪

Question

我试图制作一个简单的网格面板，它会要求用户输入两个数字。出于某种原因，这些元素到处都是。我很确定我的约束是正确的。

这是我的设置 class。

public class Settings {
    
    public static void display() {
        GridPane layout = new GridPane();
        layout.setPadding(new Insets(10));
        layout.setVgap(8);
        layout.setHgap(10);
        Scene scene = new Scene(layout, 600, 400);
        
        //Title label
        Label label = new Label("Settings");
        GridPane.setConstraints(label, 1, 0);
        
        //Minutes label
        Label minutesLabel = new Label("Minutes:");
        GridPane.setConstraints(minutesLabel, 0, 1);
        
        //Minutes input
        TextField minutesInput = new TextField();
        minutesInput.setPromptText("minutes");
        GridPane.setConstraints(minutesInput, 1, 1);
        
        //Seconds label
        Label secondsLabel = new Label("Seconds:");
        GridPane.setConstraints(secondsLabel, 0, 2);
        
        //Seconds input
        TextField secondsInput = new TextField();
        secondsInput.setPromptText("seconds");
        GridPane.setConstraints(secondsInput, 1, 2);
        
        //Ok button
        Button okButton = new Button("Ok");
        okButton.setOnAction(e -> {
            try {
                int minutes = Integer.parseInt(minutesInput.getText());
                int seconds = Integer.parseInt(secondsInput.getText());
                if(minutes > 59) minutes = 59;
                else if(minutes < 1) minutes = 1;
                if(seconds > 59) seconds = 59;
                else if(seconds < 1) seconds = 1;
                Main.updateMinsAndSecs(minutes, seconds);
                Main.setSceneMain();
            }catch(NumberFormatException numberFormatException) {
                label.setText("Please enter valid number(s)");
            }catch(FileNotFoundException fileNotFoundException) {
                fileNotFoundException.printStackTrace();
            }
        });
        okButton.setStyle("-fx-background-radius: 0;");
        GridPane.setConstraints(secondsInput, 0, 3);
        
        //Cancel button
        Button cancelButton = new Button("Cancel");
        cancelButton.setOnAction(e -> {
            Main.setSceneMain();
        });
        cancelButton.setStyle("-fx-background-radius: 0;");
        GridPane.setConstraints(secondsInput, 1, 3);
        
        //Apply button
        Button applyButton = new Button("Apply");
        applyButton.setOnAction(e -> {
            try {
                int minutes = Integer.parseInt(minutesInput.getText());
                int seconds = Integer.parseInt(secondsInput.getText());
                if(minutes > 59) minutes = 59;
                else if(minutes < 1) minutes = 1;
                if(seconds > 59) seconds = 59;
                else if(seconds < 1) seconds = 1;
                Main.updateMinsAndSecs(minutes, seconds);
            }catch(NumberFormatException numberFormatException) {
                label.setText("Please enter valid number(s)");
            }catch(FileNotFoundException fileNotFoundException) {
                fileNotFoundException.printStackTrace();
            }
        });
        applyButton.setStyle("-fx-background-radius: 0;");
        GridPane.setConstraints(secondsInput, 2, 3);
    
        layout.getChildren().addAll(label, minutesLabel, minutesInput, secondsLabel, secondsInput, okButton, cancelButton, applyButton);
    
        Main.window.setScene(scene);
        Main.window.setTitle("Settings");
    }
}

结果是这样。

screenshot

我想要不使用 fxml 的解决方案。

Whosebug 说我的 post 主要是代码，我需要更多详细信息，所以我还要说我已经使用 Gridpane 创建了一个简单的登录屏幕，而且非常好。除了定位和内容，代码基本相同。

Answer 1

您正在为 secondsInput 而不是 okButton、cancelButton 和 applyButton 设置不同的约束：

    GridPane.setConstraints(secondsInput, 1, 2);
    GridPane.setConstraints(secondsInput, 0, 3);
    GridPane.setConstraints(secondsInput, 1, 3);
    GridPane.setConstraints(secondsInput, 2, 3);

而不是：

    GridPane.setConstraints(secondsInput, 1, 2);
    GridPane.setConstraints(okButton, 0, 3);
    GridPane.setConstraints(cancelButton, 1, 3);
    GridPane.setConstraints(applyButton, 2, 3);

Javafx Gridpane 布局真的很奇怪

Javafx Gridpane layout being really weird

java

javafx