В рамках упражнения "Приложение TODO List" хочу создать такой вот список карточек:
Класс TasksListController
берёт данные тасков из tasksGateway
, приводит их к ObservableList
и помещает в tasksListView
:
public class TasksListController {
private static TasksGateway tasksGateway; // Инициализация опущена чтобы не засорять листинг
@FXML private ListView<ObservableTask> tasksListView;
@FXML
private void initialize() {
ObservableList<ObservableTask> observableTasks = FXCollections.observableArrayList();
for (Map.Entry<String, Task> pair: TasksListController.tasksGateway.getAll().entrySet()) {
observableTasks.add(new ObservableTask(pair.getValue()));
}
this.tasksListView.setCellFactory(list -> new TasksListController.TaskCell());
this.tasksListView.setItems(observableTasks);
}
private static class TaskCell extends ListCell<ObservableTask> {
@FXML private Label titleLabel;
@FXML private Label noteLabel;
public TaskCell() {
this.loadFXML();
}
private void loadFXML() {
try {
FXMLLoader loader = new FXMLLoader(getClass().getResource("/Presenter/Components/TaskList/TaskCard.fxml"));
loader.setController(this);
loader.load();
} catch (IOException exception) {
System.out.println("Failed to load 'TaskCard.fxml' component:\n" + exception.getMessage());
}
}
@Override
public void updateItem(ObservableTask observableTask, boolean doesNotRepresentAnyDomainData) {
super.updateItem(observableTask, doesNotRepresentAnyDomainData);
if (doesNotRepresentAnyDomainData) {
return;
}
this.titleLabel.setText(observableTask.getTitle());
if (observableTask.getNote() != null) {
this.noteLabel.setText(observableTask.getNote());
}
}
}
}
Всё работает без ошибок, но в списке данные не отображаются:
- Получение данных из
tasksGateway
я проверил - нет проблем. У меня 4 экземпляраObservableTask
; каждый из них выводится в консоль в методеupdateItem
(приdoesNotRepresentAnyDomainData == false
). - Вывод в консоль
observableTask.getTitle()
иobservableTask.getNote()
также проверил. - Первые четыре пункта списка выделяются синим при клике - это значит что ячейки в список были добавлены.
FXML-Шаблон компонента TasksList
:
<ListView
fx:controller="Presenter.Components.TaskList.TasksListController"
fx:id="tasksListView"
xmlns="http://javafx.com/javafx/11.0.1"
xmlns:fx="http://javafx.com/fxml/1"
/>
Если есть смысл его во-что-то оборачивать, то он для меня неочевиден.
FXML-шаблон компонента TaskCard
:
<HBox alignment="CENTER_LEFT" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/11.0.1">
<children>
<CheckBox mnemonicParsing="false" />
<VBox>
<children>
<Label fx:id="titleLabel" style="-fx-font-size: 24px;" text="<TitleHere>">
<VBox.margin>
<Insets />
</VBox.margin>
</Label>
<Label fx:id="noteLabel" style="-fx-font-size: 14px;" text="<Note here>" wrapText="true" />
</children>
<HBox.margin>
<Insets left="12.0" />
</HBox.margin>
</VBox>
</children>
<padding>
<Insets left="12.0" right="12.0" />
</padding>
</HBox>
Так он выглядит в SceneBuilder
: