Texto de campo de texto de color en JavaFX

MD Aminul Islam 12 octubre 2023
Texto de campo de texto de color en JavaFX

Textfield es un elemento básico del componente de interfaz de usuario de JavaFX. A través de este componente, podemos llevar la entrada del usuario al sistema.

Podemos diseñar este Textfield usando una implementación directa de la propiedad CSS usando el método setStyle(). También puede incluir estas propiedades CSS proporcionando un archivo CSS externo.

En este artículo veremos cómo podemos crear un Textfield en JavaFX y dar color al texto de este Textfield. También vemos un ejemplo con explicaciones respecto a este tema para que sea más fácil de entender.

Color Textfield Texto en JavaFX

En nuestro ejemplo a continuación, crearemos un Campo de texto y estableceremos el color de su texto en rojo. El código para nuestro ejemplo será como el siguiente.

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

Ya hemos comentado el propósito de cada línea. Ahora discutimos la parte central del tema aquí.

A través de la línea txt.setStyle("-fx-text-fill: red;");, configuramos la propiedad CSS -fx-text-fill para que sea red. Usamos el método setStyle().

Después de compilar el código de ejemplo anterior y ejecutarlo en su entorno, obtendrá el siguiente resultado.

Texto de campo de texto de color en JavaFX

Manera alternativa de cambiar el color del texto Textfield

JavaFX admite CSS que funciona con FXML. Ahora, al diseñar la interfaz de usuario con la herramienta de creación de GUI JavaFX como Scene Builder proporcionada por Oracle, puede definir fácilmente el color del texto con la propiedad CSS mientras desarrolla la UI.

Además, puede agregar un archivo CSS en el que puede agregar las siguientes propiedades.

-fx-text-fill: red;

Puede usar el código a continuación para incluir su archivo CSS en su código directamente.

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

Recuerde, si su IDE no admite la inclusión automática de bibliotecas y paquetes. Luego, es posible que deba incluir manualmente estas bibliotecas y paquetes necesarios antes de compilar.

MD Aminul Islam avatar MD Aminul Islam avatar

Aminul Is an Expert Technical Writer and Full-Stack Developer. He has hands-on working experience on numerous Developer Platforms and SAAS startups. He is highly skilled in numerous Programming languages and Frameworks. He can write professional technical articles like Reviews, Programming, Documentation, SOP, User manual, Whitepaper, etc.

LinkedIn

Artículo relacionado - JavaFX Text