如何在4列空格中设置TextField

Question

在下面的示例中：

  TextField userTextField = new TextField();
    grid.add(userTextField, 0, 0,3,3);

网格中的坐标0,0,3,3是什么意思？它代表什么？任何帮助都很感激，非常感谢。

在下面的javafx程序中，我只想设置计算器示例的TextField和按钮：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;

    public class calculadora_css extends Application{

     @Override
        public void start(Stage primaryStage) {
               primaryStage.setTitle("JavaFX Welcome");
               GridPane grid = new GridPane();
               grid.setAlignment(Pos.TOP_CENTER);
               grid.setHgap(20);
               grid.setVgap(20);
               grid.setPadding(new Insets(10, 10, 10, 10));

               TextField userTextField = new TextField();

               grid.add(userTextField, 0, 0,3,1);

               Button btn1 = new Button("7");
               grid.add(btn1, 0,1);
               Button btn2 = new Button("8");
               grid.add(btn2, 1,1);
               Button btn3 = new Button("9");
               grid.add(btn3, 2,1);
               Button btn3_3 = new Button("+");
               grid.add(btn3_3, 3,1);
                Button btn4 = new Button("4");
               grid.add(btn4, 0,2);
               Button btn5 = new Button("5");
               grid.add(btn5, 1,2);
               Button btn6 = new Button("6");
               grid.add(btn6, 2,2);
               Button btn6_6 = new Button("*");
               grid.add(btn6_6, 3,2);
                Button btn7 = new Button("1");
               grid.add(btn7, 0,3);
               Button btn8 = new Button("2");
               grid.add(btn8, 1,3);
               Button btn9 = new Button("3");
               grid.add(btn9, 2,3);
                Button btn9_9 = new Button("-");
               grid.add(btn9_9, 3,3);
                Button btn10 = new Button("0");
               grid.add(btn10, 0,4);
               Button btn11 = new Button(".");
               grid.add(btn11, 1,4);
               Button btn12 = new Button("=");
               grid.add(btn12, 2,4);
               Button btn12_12 = new Button("/");
               grid.add(btn12_12, 3,4);

            Scene scene = new Scene(grid, 300, 275);
            primaryStage.setScene(scene);

            scene.getStylesheets().add
           (calculadora_css.class.getResource("calculadora_css.css").toExternalForm());
            primaryStage.setResizable(false);
            primaryStage.show();

    }

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

    }

我想在TextField下面设置按钮，但在最终编译的程序中，+、*、-、/按钮被推到了右边，我试图根据上面的注释来安排按钮，非常感谢，任何帮助都非常感谢

Answer 1

除了columnindex和rowindex之外，您找到的额外参数分别是columnspan和rowspan。

ColumnSpan允许对作为子控件添加到GridPane的控件使用多个列。类似地，RowSpan允许您使用多行。

您可以使用setcolumnspan（节点子级，整数值）来设置colspan，也可以使用add（节点子级，int columnIndex，int rowIndex，int colspan，int rowspan)来定义columnspan来添加子级。

那么，来回答你的问题，

grid.add（userTextField,0,0,3,3）；

表示将UserTextField控件添加到：

null