JavaFX: bordure Rouge pour le champ de texte

Essayer

.text-field.error {
  -fx-text-box-border: red ;
  -fx-focus-color: red ;
}

La première définit la couleur de la bordure des lors qu'il ne porte pas, la seconde lorsqu'il est porté.

Dans la feuille de style text-field-red-border.css, l'exemple suivant fonctionne:

import java.util.Collections;
import javafx.application.Application;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;
public class ValidatingTextFieldExample extends Application {
@Override
public void start(Stage primaryStage) {
GridPane root = new GridPane();
TextField nameTF = new TextField();
TextField emailTF = new TextField();
root.add(new Label("Name:"), 0, 0);
root.add(nameTF, 1, 0);
root.add(new Label("Email:"), 0, 1);
root.add(emailTF, 1, 1);
setUpValidation(nameTF);
setUpValidation(emailTF);
Scene scene = new Scene(root, 250, 150);
scene.getStylesheets().add(getClass().getResource("text-field-red-border.css").toExternalForm());
primaryStage.setScene(scene);
primaryStage.show();
}
private void setUpValidation(final TextField tf) { 
tf.textProperty().addListener(new ChangeListener<String>() {
@Override
public void changed(ObservableValue<? extends String> observable,
String oldValue, String newValue) {
validate(tf);
}
});
validate(tf);
}
private void validate(TextField tf) {
ObservableList<String> styleClass = tf.getStyleClass();
if (tf.getText().trim().length()==0) {
if (! styleClass.contains("error")) {
styleClass.add("error");
}
} else {
//remove all occurrences:
styleClass.removeAll(Collections.singleton("error"));                    
}
}
public static void main(String[] args) {
launch(args);
}
}

Par ailleurs, si vous utilisez JavaFX 8, la faveur pseudoclasses plus de la définition de la classe directement, comme c'est plus propre (vous n'avez pas besoin de tout le laid le code de vérification que vous avez seulement ajouter de la classe de style une fois et/ou de supprimer toutes les occurrences de celui-ci) et plus efficace. Pour définir et de désactiver la pseudoclass faire:

final PseudoClass errorClass = PseudoClass.getPseudoClass("error");
tfFirstName.pseudoClassStateChanged(errorClass, true); //or false to unset it

Puis le css devrait être

.text-field:error {
-fx-text-box-border: red ;
-fx-focus-color: red ;
}

(Notez la virgule au lieu de l' . entre -text-field et error.)

OriginalL'auteur James_D

La solution mentionnée ci-dessus par James_D fonctionne parfaitement bien ( mais pas pour JAVAFX 8.0 ). James avons déjà mentionné les modifications de code pour JAVAFX 8.0, j'ai juste essayé et il fonctionne comme un charme. Voici la version modifiée pour JAVAFX 8.0, juste au cas où quelqu'un a besoin d'un guide de référence rapide.Tout le CRÉDIT VA À JAMES_D

import java.util.Collections;
import javafx.application.Application;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.collections.ObservableList;
import javafx.css.PseudoClass;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.TextField;
import javafx.scene.layout.GridPane;
import javafx.stage.Stage;
public class ValidatingTextFieldExample extends Application {
private final PseudoClass errorClass = PseudoClass.getPseudoClass("error");
@Override
public void start(Stage primaryStage) {
GridPane root = new GridPane();
TextField nameTF = new TextField();
TextField emailTF = new TextField();
root.add(new Label("Name:"), 0, 0);
root.add(nameTF, 1, 0);
root.add(new Label("Email:"), 0, 1);
root.add(emailTF, 1, 1);
setUpValidation(nameTF);
setUpValidation(emailTF);
Scene scene = new Scene(root, 250, 150);
scene.getStylesheets().add(getClass().getResource("text-field-red-border.css").toExternalForm());
primaryStage.setScene(scene);
primaryStage.show();
}
private void setUpValidation(final TextField tf) { 
tf.textProperty().addListener(new ChangeListener<String>() {
@Override
public void changed(ObservableValue<? extends String> observable,
String oldValue, String newValue) {
validate(tf);
}
});
validate(tf);
}
private void validate(TextField tf) {
ObservableList<String> styleClass = tf.getStyleClass();
if (tf.getText().trim().length()==0) {
tf.pseudoClassStateChanged(errorClass, true);
}
else{
tf.pseudoClassStateChanged(errorClass, false);
}
}
public static void main(String[] args) {
launch(args);
}

}

OriginalL'auteur ATHER