ListView无法使用JavaFX FXML正确更新

Question

在JavaFX中，我使用ListView显示添加到集合或从集合中移除的项目。我已经创建了一个observableSet，用于与ListView一起显示更新，但当集合更改时，ListView没有正确更新。这是我的代码和解决方法。但为什么它没有按预期工作？

public class FXMLDocumentController implements Initializable {
    @FXML
    private ListView listView;
    ObservableSet<String> observableSet; //ObservableSet to prevent dublicates
    Integer i = 3;

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        listView.getSelectionModel().setSelectionMode(SelectionMode.MULTIPLE);
        observableSet = FXCollections.observableSet();
        observableSet.addAll(Arrays.asList("Item1", "Item2", "Item3")); 
        //Setting up ListView to the ObservableSet
        listView.setItems(FXCollections.observableArrayList(observableSet));

    }
    @FXML
    private void handleButtonAction(ActionEvent event) {
        observableSet.add("Item" + i++);
       //Setting up ListView to the ObservableSet otherwise it won't update
       //My understanding that I don't have to do this with an observableSet
        listView.setItems(FXCollections.observableArrayList(observableSet));
    }
    @FXML
    private void handleRemoveAction(ActionEvent event) {
       observableSet.removeAll(listView.getSelectionModel().getSelectedItems());
       //Setting up ListView to the ObservableSet otherwise it won't update
       listView.setItems(FXCollections.observableArrayList(observableSet));
    }
}

问题：每次更新可观察集时，我必须继续设置ListView，如上图和下图所示。否则更改不会显示在ListView中。

listView.setItems(FXCollections.observableArrayList(observableSet));

Answer 1

这是预期的行为。您正在调用的创建可观察列表的方法“创建一个新的可观察列表，并将[集合]的内容添加到其中”。因此，对集合的后续更改不会更改列表。

另一种选择是使用可观察集注册侦听器，并通过适当添加或删除元素来更新列表视图的项目：

public class FXMLDocumentController implements Initializable {
    @FXML
    private ListView listView;
    private ObservableSet<String> observableSet; //ObservableSet to prevent dublicates
    private int i = 3;

    @Override
    public void initialize(URL url, ResourceBundle rb) {
        listView.getSelectionModel().setSelectionMode(SelectionMode.MULTIPLE);
        observableSet = FXCollections.observableSet();

        observableSet.addListener((SetChangeListener.Change<? extends String> c) -> {
            if (c.wasAdded()) {
                listView.getItems().add(c.getElementAdded());
            }
            if (c.wasRemoved()) {
                listView.getItems().remove(c.getElementRemoved());
            }
        });

        observableSet.addAll(Arrays.asList("Item1", "Item2", "Item3")); 

    }
    @FXML
    private void handleButtonAction(ActionEvent event) {
        observableSet.add("Item" + i++);
    }
    @FXML
    private void handleRemoveAction(ActionEvent event) {
       observableSet.removeAll(listView.getSelectionModel().getSelectedItems());
    }
}

Answer 2

试试打电话

listview.refresh();

从列表中添加和删除项目后。

或者，您可以在列表中添加更改侦听器，并从中调用refresh方法。但我更喜欢第一种方法，因为添加侦听器有时不会更新列表视图。