Changer le style d'une ligne (avec ou sans property) TableView

**mat78111** · 19/01/2018, 14h01

Bonjour,

J'ai utilise le code du tutorial de JavaFX TableView Oracle qui n'utilise pas de styles. J'ai mixe avec le tutorial API Cell de Fabrice Bouyé (tutorial très pratique d'ailleurs) pour apporter du style a la table. Mon but étant de colorier en vert avec du texte rouge les lignes dont le prénom commence par "E".

Le code ci-dessous fonctionne bien mais j'ai une question :

1) Est ce la manière (la pseudo class) la plus simple de procéder sachant que je veux que le style fonctionne après tri sur la colonne first name?

Maintenant j'aimerais bien rajouter une colonne timestamp (qui par exemple serait égal a l'heure de modification d'une ligne) avec un SimpleLongProperty. Seulement je comprends que je vais recevoir un update que lorsque ma valeur va changer. J'aimerais toutefois pouvoir colorier la ligne suivant l'ancienneté de ce timestamp. Par example si le timestamp est > 5 min, alors la ligne se mettrait en bleue. (meme si la valeur est inchangée...)

Ma seconde question est la suivante :

2) Pouvez vous m'orientez si je dois gérer la logique en amont de la TableView par une property ou un listener ou bien il y aurait d'autres façon comme par example avoir un timer qui rafraichirait la table périodiquement et se rendrait compte que le style a besoin de changer meme si les valeurs n'ont pas changé. Avec Swing je n'avais pas ce problème car toute la table était rafraîchit. Or la je cherche a rafraichir une ligne qui par definition ne reçoit rien.

Merci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
package application;
 
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.geometry.Insets;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.VBox;
import javafx.scene.text.Font;
import javafx.stage.Stage;
 
public class Main extends Application {
 
	private TableView<Person> table = new TableView<Person>();
	private final ObservableList<Person> data = FXCollections.observableArrayList(new Person("Jacob", "Smith", "jacob.smith@example.com"),
			new Person("Isabella", "Johnson", "isabella.johnson@example.com"), new Person("Ethan", "Williams", "ethan.williams@example.com"),
			new Person("Emma", "Jones", "emma.jones@example.com"), new Person("Michael", "Brown", "michael.brown@example.com"));
 
	public static void main(String[] args) {
		launch(args);
	}
 
	@Override
	public void start(Stage stage) {
		Scene scene = new Scene(new Group());
		stage.setTitle("Table View Sample");
		stage.setWidth(450);
		stage.setHeight(500);
 
		final Label label = new Label("Address Book");
		label.setFont(new Font("Arial", 20));
 
		table.setEditable(true);
 
		table.setRowFactory((final TableView<Person> p) -> new TableRender());
 
		TableColumn<Person, String> firstNameCol = new TableColumn<>("First Name");
		firstNameCol.setMinWidth(100);
		firstNameCol.setCellValueFactory(new PropertyValueFactory<Person, String>("firstName"));
 
		TableColumn<Person, String> lastNameCol = new TableColumn<>("Last Name");
		lastNameCol.setMinWidth(100);
		lastNameCol.setCellValueFactory(new PropertyValueFactory<Person, String>("lastName"));
 
		TableColumn<Person, String> emailCol = new TableColumn<>("Email");
		emailCol.setMinWidth(200);
		emailCol.setCellValueFactory(new PropertyValueFactory<Person, String>("email"));
 
		table.setItems(data);
		table.getColumns().addAll(firstNameCol, lastNameCol, emailCol);
 
		final VBox vbox = new VBox();
		vbox.setSpacing(5);
		vbox.setPadding(new Insets(10, 0, 0, 10));
		vbox.getChildren().addAll(label, table);
 
		((Group) scene.getRoot()).getChildren().addAll(vbox);
 
		scene.getStylesheets().add(getClass().getResource("application.css").toExternalForm());
 
		stage.setScene(scene);
		stage.show();
	}
}

RowFactory

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
package application;
 
import java.util.Optional;
 
import javafx.animation.PauseTransition;
import javafx.css.PseudoClass;
import javafx.event.ActionEvent;
import javafx.scene.control.TableRow;
import javafx.util.Duration;
 
public class TableRender extends TableRow<Person> {
 
	private PauseTransition styleWaitTimer;
	private final Duration styleWaitDuration = Duration.millis(350);
	private Optional<Person> value = Optional.empty();
 
	@Override
	protected void updateItem(Person p, boolean b) {
		super.updateItem(p, b);
 
		value = Optional.ofNullable(p);
		requestUpdateStyle();
 
	}
 
	private void updateStyle() {
		final PseudoClass finishedPseudoClass = PseudoClass.getPseudoClass("green");
		pseudoClassStateChanged(finishedPseudoClass, false);
		value.ifPresent((final Person d) -> {
			final boolean enableStyle = (d.getFirstName().startsWith("E"));
			pseudoClassStateChanged(finishedPseudoClass, enableStyle);
		});
	}
 
	private void requestUpdateStyle() {
		if (styleWaitTimer == null) {
			styleWaitTimer = new PauseTransition(styleWaitDuration);
			styleWaitTimer.setOnFinished((final ActionEvent actionEvent) -> {
				styleWaitTimer = null;
				updateStyle();
			});
			styleWaitTimer.playFromStart();
		}
	}
}

**bouye** · 25/01/2018, 00h24

Le principal soucis que vous avez tous la plupart du temps, c'est que outre le fait d'etre assez imprecis dans vos descriptions, vous semblez incapable de vous creer de petits exemples de test hors de votre projet ce qui permet de bidouiller des trucs sans avoir a casser le code de votre projet principal ou polluer le code que vous postez avec des tas de trucs inutiles qui rendent la comprehension compliquee pour tout le monde, vous-meme en premier.

-> Pensez simple, revenez a l'essentiel, faite souvent des petits tests en dehors quand vous voulez insérer une nouvelle fonctionnalités et que vous ne savez pas comment vous y prendre.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
package tablestyle;
 
import java.util.Arrays;
import java.util.Optional;
import java.util.stream.IntStream;
import javafx.application.Application;
import javafx.beans.property.ObjectProperty;
import javafx.beans.property.SimpleObjectProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
import javafx.beans.value.ChangeListener;
import javafx.css.PseudoClass;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.SelectionMode;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableRow;
import javafx.scene.control.TableView;
import javafx.scene.control.TextField;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.ColumnConstraints;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Priority;
import javafx.scene.layout.RowConstraints;
import javafx.stage.Stage;
 
public final class Main extends Application {
 
    private TableView<Person> tableView;
    private Editor editor;
 
    @Override
    public void start(final Stage primaryStage) throws Exception {
        final TableColumn<Person, String> column1 = new TableColumn("Nom");
        column1.setCellValueFactory(new PropertyValueFactory<>("name"));
        final TableColumn<Person, String> column2 = new TableColumn("Prenom");
        column2.setCellValueFactory(new PropertyValueFactory<>("forename"));
        tableView = new TableView<>();
        tableView.setColumnResizePolicy(TableView.CONSTRAINED_RESIZE_POLICY);
        tableView.getColumns().setAll(column1, column2);
        tableView.getSelectionModel().setSelectionMode(SelectionMode.SINGLE);
        tableView.setRowFactory(table -> new PersonTableRow());
        Arrays.asList("Jean Dupont", "Elodie Marchand", "Malick Meoud", "Djibril Masise", "Edouard Berschtein", "Sakura Tarachi", "Meryl Andrew")
                .stream()
                .map(name -> name.split("\\s+"))
                .map(Person::build)
                .forEach(tableView.getItems()::add);
        editor = new Editor();
        editor.personProperty().bind(tableView.getSelectionModel().selectedItemProperty());
        final BorderPane root = new BorderPane();
        root.setCenter(tableView);
        root.setBottom(editor);
        final Scene scene = new Scene(root);
        Optional.ofNullable(getClass().getResource("style.css"))
                .ifPresent(url -> scene.getStylesheets().add(url.toExternalForm()));
        primaryStage.setScene(scene);
        primaryStage.show();
    }
 
    public static void main(String[] args) {
        Application.launch(args);
    }
 
    private class Editor extends GridPane {
 
        private final Label nameLabel = new Label("Nom");
        private final TextField nameField = new TextField();
        private final Label forenameLabel = new Label("Prenom");
        private final TextField forenameField = new TextField();
 
        public Editor() {
            getStyleClass().add("editor");
            IntStream.range(0, 2)
                    .mapToObj(column -> {
                        final ColumnConstraints result = new ColumnConstraints();
                        result.setFillWidth(true);
                        result.setHgrow(column == 0 ? Priority.SOMETIMES : Priority.ALWAYS);
                        return result;
                    })
                    .forEach(getColumnConstraints()::add);
            IntStream.range(0, 2)
                    .mapToObj(row -> new RowConstraints())
                    .forEach(getRowConstraints()::add);
            GridPane.setConstraints(nameLabel, 0, 0);
            GridPane.setConstraints(nameField, 1, 0);
            GridPane.setConstraints(forenameLabel, 0, 1);
            GridPane.setConstraints(forenameField, 1, 1);
            getChildren().setAll(nameLabel, nameField, forenameLabel, forenameField);
            personProperty().addListener(personChangeListener);
        }
 
        private final ChangeListener<Person> personChangeListener = (observable, oldValue, newValue) -> {
            Optional.ofNullable(oldValue)
                    .ifPresent(this::uninstallPerson);
            Optional.ofNullable(newValue)
                    .ifPresent(this::installPerson);
        };
 
        private void uninstallPerson(final Person person) {
            nameField.textProperty().unbindBidirectional(person.nameProperty());
            nameField.setText(null);
            forenameField.textProperty().unbindBidirectional(person.forenameProperty());
            forenameField.setText(null);
        }
 
        private void installPerson(final Person person) {
            nameField.textProperty().bindBidirectional(person.nameProperty());
            forenameField.textProperty().bindBidirectional(person.forenameProperty());
        }
 
        private final ObjectProperty<Person> person = new SimpleObjectProperty<>(this, "person");
 
        public final Person getPerson() {
            return person.get();
        }
 
        public final void setPerson(Person value) {
            person.set(value);
        }
 
        public final ObjectProperty personProperty() {
            return person;
        }
 
    }
 
    public static class Person {
 
        public static Person build(final String[] values) {
            final Person result = new Person();
            result.setName(values[1]);
            result.setForename(values[0]);
            return result;
        }
 
        private final StringProperty name = new SimpleStringProperty(this, "name");
 
        public final String getName() {
            return name.get();
        }
 
        public final void setName(String value) {
            name.set(value);
        }
 
        public final StringProperty nameProperty() {
            return name;
        }
        private final StringProperty forename = new SimpleStringProperty(this, "forname");
 
        public final String getForename() {
            return forename.get();
        }
 
        public final void setForename(String value) {
            forename.set(value);
        }
 
        public final StringProperty forenameProperty() {
            return forename;
        }
    }
 
    private static class PersonTableRow extends TableRow<Person> {
 
        private static final PseudoClass E_PSEUDO_CLASS = PseudoClass.getPseudoClass("E");
 
        public PersonTableRow() {
            getStyleClass().add("person-row");
        }
 
        private Person oldItem;
 
        @Override
        protected void updateItem(Person item, boolean empty) {
            super.updateItem(item, empty);
            if (oldItem != item) {
                Optional.ofNullable(oldItem)
                        .ifPresent(this::uninstallPerson);
                Optional.ofNullable(item)
                        .ifPresent(this::installPerson);
                oldItem = item;
            }
        }
 
        private void uninstallPerson(final Person person) {
            person.forenameProperty().removeListener(forenameChangeListener);
            applyStyleChange(null);
        }
 
        private void installPerson(final Person person) {
            person.forenameProperty().addListener(forenameChangeListener);
            applyStyleChange(person.getForename());
        }
 
        private final ChangeListener<String> forenameChangeListener = (observable, oldValue, newValue) -> applyStyleChange(newValue);
 
        private void applyStyleChange(final String value) {
            final boolean styleEnabled = value != null && value.startsWith("E");
            pseudoClassStateChanged(E_PSEUDO_CLASS, styleEnabled);
        }
    }
}

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
.editor {
    /*-fx-grid-lines-visible: true;*/
    -fx-hgap: 3px;
    -fx-vgap: 3px;
    -fx-padding: 3px;
}
.person-row:E {
    -fx-background-color: limegreen;
}

Changer le style d'une ligne (avec ou sans property) TableView

JavaFX

Discussions similaires

Partager

Partager