Java GUI - Creating Text Field in JavaFX

In this Java GUI article we are going to learn about Creating Text Field in JavaFX, so a text field

is a basic text control that enables the user to type a small amount of text. When the user indicates

that text entry is complete (usually by pressing Enter), the text field fires an action event.

Also you can check Python GUI Development Tutorials in the below link.

1: PyQt5 GUI Development Tutorials

2: TKinter GUI Development Tutorials

3: Pyside2 GUI Development Tutorials

4: Kivy GUI Development Tutorials

5: wxPython GUI Development Tutorials

You can create JavaFX Text Field by creating the object of TextField class like this.

TextField textField = new TextField("Codeloop.org");

1	TextField textField = new TextField("Codeloop.org");

So now this is the complete code for Java GUI – Creating Text Field in JavaFX

import javafx.application.Application;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.TextField;
import javafx.scene.layout.HBox;
import javafx.stage.Stage;

public class JavaFxTextField extends Application {

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

    @Override
    public void start(Stage stage) {
        stage.setTitle("JavaFX TextField");

        HBox hBox = new HBox();

        TextField textField = new TextField("Codeloop.org");
        textField.setMinWidth(120);

        Button buttonClear = new Button("Clear");
        buttonClear.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                textField.clear();
            }
        });


        Button buttonCopy = new Button("Copy");
        buttonCopy.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                textField.copy();
            }
        });


        Button buttonPaste = new Button("Paste");
        buttonPaste.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                textField.paste();
            }
        });


        hBox.getChildren().addAll(textField, buttonClear, buttonCopy, buttonPaste);


        Scene scene = new Scene(hBox, 400,300);
        stage.setScene(scene);
        stage.show();


    }
}

import javafx.application.Application;

import javafx.event.ActionEvent;

import javafx.event.EventHandler;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.control.TextField;

import javafx.scene.layout.HBox;

import javafx.stage.Stage;

public class JavaFxTextField extends Application {

public static void main(String[] args) {

launch(args);

}

@Override

public void start(Stage stage) {

stage.setTitle("JavaFX TextField");

HBox hBox = new HBox();

TextField textField = new TextField("Codeloop.org");

textField.setMinWidth(120);

Button buttonClear = new Button("Clear");

buttonClear.setOnAction(new EventHandler<ActionEvent>() {

@Override

public void handle(ActionEvent event) {

textField.clear();

}

});

Button buttonCopy = new Button("Copy");

buttonCopy.setOnAction(new EventHandler<ActionEvent>() {

@Override

public void handle(ActionEvent event) {

textField.copy();

}

});

Button buttonPaste = new Button("Paste");

buttonPaste.setOnAction(new EventHandler<ActionEvent>() {

@Override

public void handle(ActionEvent event) {

textField.paste();

}

});

hBox.getChildren().addAll(textField, buttonClear, buttonCopy, buttonPaste);

Scene scene = new Scene(hBox, 400,300);

stage.setScene(scene);

stage.show();

}

Every JavaFX application should have a container, a container is like layout. as we

have created an HBox container in the above code.

HBox hBox = new HBox();

1	HBox hBox = new HBox();

Also for every JavaFX application we need to create a Scene object. in the scene we need

to add our container with the width and height of the window, if you want to colorize your

window, you can do it in here. you can see that we have given 400 width and 300 height for the

window.

Scene scene = new Scene(hBox, 400,300);

1	Scene scene = new Scene(hBox, 400,300);

When you create a widget in JavaFX, for example button,label,combobox or some other

widgets, you need to add that to your container, in here we need to add our three buttons with

JavaFX Text Field to the HBox container.

 hBox.getChildren().addAll(textField, buttonClear, buttonCopy, buttonPaste);

1	hBox.getChildren().addAll(textField, buttonClear, buttonCopy, buttonPaste);

At the end you need to set your scene object to the stage of the window, and show the window.

stage.setScene(scene);
stage.show();

1 2	stage.setScene(scene); stage.show();

Run the complete code and this will be the result.

Java GUI - Creating Text Field in JavaFX — Java GUI – Creating Text Field in JavaFX

Subscribe and Get Free Video Courses & Articles in your Email