javafx textfield 只输入数字

原创

mob649e8161738c 2024-08-28 08:48:19 ©著作权

©著作权归作者所有：来自51CTO博客作者mob649e8161738c的原创作品，请联系作者获取转载授权，否则将追究法律责任

如何实现 JavaFX TextField 只输入数字

在JavaFX应用程序中，如果你想要限制用户输入的内容，特别是只允许输入数字，可以通过设置输入事件来实现。下面这篇文章将会详细介绍如何实现这一目标，并提供丰富的代码示例和注释。

流程概述

在实现之前，我们需要了解主要的步骤。我们可以将整个流程分解为以下几个主要步骤：

步骤	描述
1	创建 JavaFX 应用程序
2	添加 TextField 控件
3	为 TextField 设置输入限制
4	运行程序并测试

下面，我们将逐步详细解释每个步骤以及相应的代码。

步骤详解

1. 创建 JavaFX 应用程序

首先，我们需要创建一个继承自 Application 的 JavaFX 应用程序。下面的代码展示了如何实现这一点。

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.TextField;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class NumberInputApp extends Application {
    @Override
    public void start(Stage primaryStage) {
        // 创建一个 VBox 布局
        VBox vbox = new VBox();
        // 创建一个 TextField 控件
        TextField numberField = new TextField();
        
        // 这里我们会继续添加代码
        vbox.getChildren().add(numberField);
        Scene scene = new Scene(vbox, 300, 200);
        
        primaryStage.setTitle("数字输入示例");
        primaryStage.setScene(scene);
        primaryStage.show();
    }
    
    public static void main(String[] args) {
        launch(args);
    }
}

代码注释：

VBox vbox = new VBox();：创建一个垂直布局，用于放置控件。
TextField numberField = new TextField();：创建一个文本输入框。

2. 添加 TextField 控件

在上面的代码中，我们已经创建了一个 TextField 控件。接下来，我们需要为这个控件添加输入限制。

3. 为 TextField 设置输入限制

我们通过添加一个事件过滤器来限制 TextField 输入的内容。以下是添加该功能的代码：

numberField.setOnKeyTyped(event -> {
    // 获取用户输入的字符
    String character = event.getCharacter();
    
    // 检查输入的字符是否为数字
    if (!character.matches("\\d")) {
        // 如果不是数字，取消事件
        event.consume();
    }
});

代码注释：

numberField.setOnKeyTyped(event -> {...})：为 TextField 设置一个键入事件监听。
String character = event.getCharacter();：获取用户输入的字符。
if (!character.matches("\\d")) {...}：判断输入的字符是否为数字。
event.consume();：如果输入的不是数字，取消该输入事件。

4. 运行程序并测试

现在，你可以运行整个程序，观察到 TextField 只允许输入数字。

编程旅程图

下面是一幅大致的编程旅程图，描绘了实现该功能的过程：

journey
    title 实现 JavaFX TextField 只输入数字
    section 代码实现
      创建 JavaFX 应用程序: 5: 无
      添加 TextField 控件: 5: 无
      为 TextField 设置输入限制: 5: 无
      运行程序进行测试: 5: 无