Farbiger Textfeld-Text in JavaFX

Textfield ist ein grundlegendes Element der JavaFX-UI-Komponente. Über diese Komponente können wir Benutzereingaben in das System übernehmen.

Wir können dieses Textfield formatieren, indem wir eine direkte Implementierung der CSS-Eigenschaft mit der Methode setStyle() verwenden. Sie können diese CSS-Eigenschaften auch einschließen, indem Sie eine externe CSS-Datei bereitstellen.

In diesem Artikel werden wir sehen, wie wir ein Textfield in JavaFX erstellen und dem Text dieses Textfield Farbe verleihen können. Wir sehen auch ein Beispiel mit Erläuterungen zu diesem Thema, um es leichter verständlich zu machen.

Farbe Textfield Text in JavaFX

In unserem Beispiel unten erstellen wir ein Textfield und setzen die Farbe seines Textes auf Rot. Der Code für unser Beispiel sieht wie folgt aus.

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;

public class FXTextfield extends Application {
  public void start(Stage PrimaryStage) {
    PrimaryStage.setTitle("TextField text color"); // Providing a title to our application
    TextField txt = new TextField(); // Creating a text field
    StackPane stkpn = new StackPane(); // Creating a stackpane
    stkpn.getChildren().add(txt); // Adding text field to the stackpane
    txt.setStyle("-fx-text-fill: red;"); // Setting the text color to red

    Scene scene =
        new Scene(stkpn, 200, 100); // Creating a scene with stackpane and dimention of  200x100
    PrimaryStage.setScene(scene); // Creating the stage with the scene
    PrimaryStage.show(); // Visualizing the stage
  }

  public static void main(String args[]) {
    launch(args); // Launching the application
  }
}

Wir haben bereits den Zweck jeder Zeile kommentiert. Jetzt besprechen wir den Kernteil des Themas hier.

Über die Zeile txt.setStyle("-fx-text-fill: red;"); setzen wir die CSS-Eigenschaft -fx-text-fill auf red. Wir haben die Methode setStyle() verwendet.

Nachdem Sie den obigen Beispielcode kompiliert und in Ihrer Umgebung ausgeführt haben, erhalten Sie die folgende Ausgabe.

Alternative Methode zum Ändern der Textfarbe Textfield

JavaFX unterstützt CSS, das mit FXML funktioniert. Wenn Sie jetzt die Benutzeroberfläche mit einem von Oracle bereitgestellten JavaFX-GUI-Erstellungstool wie Scene Builder entwerfen, können Sie die Textfarbe einfach mit der CSS-Eigenschaft definieren, während Sie die Benutzeroberfläche entwickeln.

Außerdem können Sie eine CSS-Datei hinzufügen, der Sie die folgenden Eigenschaften hinzufügen können.

-fx-text-fill: red;

Sie können den folgenden Code verwenden, um Ihre CSS-Datei direkt in Ihren Code einzufügen.

scene.getStylesheets().add("YourCSS.css")

Denken Sie daran, wenn Ihre IDE das automatische Einbinden von Bibliotheken und Paketen nicht unterstützt. Dann müssen Sie diese erforderlichen Bibliotheken und Pakete möglicherweise vor dem Kompilieren manuell einschließen.