JavaFX - 移动 ListView 项目 - MVC

Question

我对 java/javafx 很陌生，如果有人能帮助我解决这个问题，我会非常高兴。

我有以下代码:

//Main.java

package lernen;

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application
{
    @Override
    public void start(Stage primaryStage)
    {
        Presenter p = new Presenter();
        View v = new View(p);
        Model m = new Model();

        p.setModel(m);
        p.setView(v);

        Scene scene = new Scene(v.getUI());
        primaryStage.setTitle("Schiebefenster");
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args)
    {
        launch(args);
    }
}

//View.java

package lernen;

import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.control.Button;
import javafx.scene.control.Label;
import javafx.scene.control.ListView;
import javafx.scene.layout.GridPane;

public class View
{
    private Presenter presenter;

    private GridPane pane;

    private Button b1, b2;

    private Label l1, l2;

    // private ObservableList<String> candidates = FXCollections.observableArrayList("a", "b", "c", "d");
    private ObservableList<String> candidates = FXCollections.observableArrayList();

    private ListView<String> list = new ListView<>(candidates);

    private ObservableList<String> selected = FXCollections.observableArrayList();

    private ListView<String> list2 = new ListView<>(selected);

    public View(Presenter presenter)
    {
        this.presenter = presenter;
        initView();
    }

    private void initView()
    {
        pane = new GridPane();
        pane.setVisible(true);
        l1 = new Label("Buchstabe");
        pane.add(l1, 0, 0);
        l2 = new Label("Selektiert");
        pane.add(l2, 4, 0);
        b1 = new Button("<");
        pane.add(b1, 2, 2);
        b2 = new Button(">");
        pane.add(b2, 2, 3);
        // list = new ListView<String>();
        pane.add(list, 0, 1, 2, 5);
        // list2 = new ListView<>();
        pane.add(list2, 4, 1, 2, 5);


        b2.setOnAction((ActionEvent) -> {
            String potential = list.getSelectionModel().getSelectedItem();
            if (potential != null)
            {
                list.getSelectionModel().clearSelection();
                candidates.remove(potential);
                selected.add(potential);
            }
        });

        b1.setOnAction((ActionEvent) -> {
            String selectedItem = list2.getSelectionModel().getSelectedItem();
            if (selectedItem != null)
            {
                list2.getSelectionModel().clearSelection();
                selected.remove(selectedItem);
                candidates.add(selectedItem);
            }
        });

    }

    public GridPane getUI()
    {
        return pane;
    }

    public ListView<String> getList()
    {
        return list;
    }

    public ListView<String> getList2()
    {
        return list2;
    }

}

//Presenter.java

package lernen;

public class Presenter
{
    private View view;

    private Model model;

    public Presenter()
    {
    }

    public void setView(View view)
    {
        this.view = view;
        this.view.getList().setItems(model.getData());
    }

    public void setModel(Model model)
    {
        this.model = model;
    }

}

//模型.java

package lernen;

import javafx.collections.FXCollections;
import javafx.collections.ObservableList;

public class Model
{
    private ObservableList<String> data = FXCollections.observableArrayList();

    public Model()
    {
        data.addAll("a", "b", "c", "d", "e");
    }

    public ObservableList<String> getData()
    {
        return data;
    }

}

给定的任务是根据 MVP 模式将项目从左侧列表移动到右侧，反之亦然。问题是:如果我将一个字母移到右侧，左侧的字母仍然存在。我希望你们能帮我解决这个问题。提前致谢!

Answer 1

在您调用的演示者中

this.view.getList().setItems(model.getData());

因此列表将显示模型的 ObservableList 中定义的项目，因此，当您在 b2 的事件处理程序中调用时

candidates.remove(potential);

您实际上尝试从另一个列表(实际上是空的)中删除该项目。

我猜困惑来自以下几点:

您定义了一个 ObservableList，并指定此列表作为 ListView 的数据模型。

private ObservableList<String> candidates = FXCollections.observableArrayList();
private ListView<String> list = new ListView<>(candidates);

然后在你调用的 Controller 中

this.view.getList().setItems(model.getData());

您认为，这将使用模型中存储的 ObservableList 元素填充 candidates ObservableList(所有元素均来自模型中的列表将被复制到此列表中)。但是，当您调用 setItems 时，您设置了存储在 itemsProperty 中的引用。被指定ObservableList，因此它将指向存储在模型中的ObservableList，而不是候选者。

您可以将此行修改为:

this.view.getList().getItems().addAll(model.getData());

不同之处在于，在这种情况下，getItems() 将返回存储在 itemsProperty 中的 ObservableList，然后所有元素都会被从模型复制到此列表，但它仍然指向candidates。在这种情况下，模型中的 ObservableList 不会被触及。

或者您可以将听众更改为:

view.getList2().getItems().remove(selectedItem);

这也会从模型中的 ObservableList 中删除该元素。

情况基本和这里一样:Why does JavaFX table.getItems().clear() clear the ObservableList as well