如何在 javaFX 的文本字段中制作动态字体

Question

我创建了一个 JavaFX 代码，它生成一个 3x3 矩阵，其中随机数从 1 到 9。 我希望代码在我更改窗口大小时更改文本大小，我希望 ti 与窗口像素一起动态变化。我听说过使用监听器，但我不知道如何使用它们。

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) {
        int size = 500;
        GridPane root = new GridPane();

        for (int y = 0; y < 3; y++) {
            for (int x = 0; x < 3; x++) {
                
                int num = (int) (Math.random() * 9) + 1;
                TextField tf = new TextField();
                tf.setFont(Font.font("Ariel", FontWeight.BOLD, 50));
                tf.setPrefHeight(size);
                tf.setPrefWidth(size);
                tf.setAlignment(Pos.CENTER);
                tf.setEditable(false);
                tf.setText(""+num);
                

                root.setRowIndex(tf, y);
                root.setColumnIndex(tf, x);
                root.getChildren().add(tf);
            }
        }
        Scene scene = new Scene(root, size, size);
        primaryStage.setTitle("Random Binary Matrix (JavaFX)");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

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

Answer 1

您可以在 Gridpane 上为 widthProperty() 和 heightProperty() 添加侦听器。对于你的情况，你可以尝试这样的事情：

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) {
        int size = 500;
        GridPane root = new GridPane();

        for (int y = 0; y < 3; y++) {
            for (int x = 0; x < 3; x++) {
                
                int num = (int) (Math.random() * 9) + 1;
                TextField tf = new TextField();
                tf.setFont(Font.font("Ariel", FontWeight.BOLD, 50));
                tf.setPrefHeight(size);
                tf.setPrefWidth(size);
                tf.setAlignment(Pos.CENTER);
                tf.setEditable(false);
                tf.setText(""+num);
                

                root.setRowIndex(tf, y);
                root.setColumnIndex(tf, x);
                root.getChildren().add(tf);

                ChangeListener listener=(observable, oldValue, newValue) -> {
                    changeFontSize(root,tf);
                };
                root.heightProperty().addListener(listener);
                root.widthProperty().addListener(listener);
            }
        }
        Scene scene = new Scene(root, size, size);
        primaryStage.setTitle("Random Binary Matrix (JavaFX)");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    private void changeFontSize(GridPane root, TextField tf) {
        double min = Math.min(root.getWidth(), root.getHeight());
        tf.setFont(Font.font("Ariel", FontWeight.BOLD, min/10));
    }

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