Texte de champ de texte en couleur dans JavaFX

Textfield est un élément de base du composant JavaFX UI. Grâce à ce composant, nous pouvons prendre les entrées des utilisateurs dans le système.

Nous pouvons styliser ce Textfield en utilisant une implémentation directe de la propriété CSS à l’aide de la méthode setStyle(). Vous pouvez également inclure ces propriétés CSS en fournissant un fichier CSS externe.

Dans cet article, nous allons voir comment créer un Textfield dans JavaFX et donner de la couleur au texte de ce Textfield. Nous voyons également un exemple avec des explications concernant ce sujet pour le rendre plus facile à comprendre.

Couleur du texte Textfield dans JavaFX

Dans notre exemple ci-dessous, nous allons créer un Textfield et définir la couleur de son texte sur rouge. Le code de notre exemple sera comme ci-dessous.

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
  }
}

Nous avons déjà commenté le but de chaque ligne. Maintenant, nous discutons de la partie centrale du sujet ici.

Par la ligne txt.setStyle("-fx-text-fill: red;");, nous définissons la propriété CSS -fx-text-fill sur red. Nous avons utilisé la méthode setStyle().

Après avoir compilé l’exemple de code ci-dessus et l’avoir exécuté dans votre environnement, vous obtiendrez la sortie ci-dessous.

Autre moyen de modifier la couleur du texte Textfield

JavaFX prend en charge CSS qui fonctionne avec FXML. Désormais, lors de la conception de l’interface utilisateur avec l’outil de création d’interface graphique JavaFX tel que Scene Builder fourni par Oracle, vous pouvez facilement définir la couleur du texte avec la propriété CSS lors du développement de l’interface utilisateur.

Vous pouvez également ajouter un fichier CSS sur lequel vous pouvez ajouter les propriétés ci-dessous.

-fx-text-fill: red;

Vous pouvez utiliser le code ci-dessous pour inclure directement votre fichier CSS dans votre code.

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

N’oubliez pas que si votre IDE ne prend pas en charge l’inclusion automatique des bibliothèques et des packages. Ensuite, vous devrez peut-être inclure manuellement ces bibliothèques et packages nécessaires avant de compiler.