Question

如果您有两个不同的列表。

ObservableList<File>
ObservableList<Node>

或只是

ObservableList<A>
ObservableList<B>

如何将它们绑在一起？是否有任何转变或类似的东西？

谢谢。

Referal - https://stackoverflow.com/a/29320895/1347177

Answer 1

您可以收听change ObservableList中Files的{{1}}，并为每次新增加ImageView添加VBox。

我创建了一个示例，其中我有一个ObservableList的String，它是URL of images的列表。在按钮上单击我将新URL（地址相同）添加到列表中。我有ListChangeListener收听字符串，并为其ImageView添加VBox。

我正在听Addition。您也可以添加Removal。

public class Main extends Application {

    private final String IMAGE_PATH = "http://i.imgur.com/fcn1bFx.jpg";
    private final ObservableList<String> listOfImages = FXCollections.observableArrayList();

    @Override
    public void start(Stage primaryStage) throws Exception {
        ScrollPane pane = new ScrollPane();
        VBox box = new VBox();
        box.setSpacing(10);
        box.setAlignment(Pos.CENTER);

        Button button = new Button("Add");
        button.setOnAction( e -> {
            listOfImages.add(IMAGE_PATH);
        });
        listOfImages.addListener((ListChangeListener<String>) c -> {
            c.next();
            if (c.wasAdded()) {
                box.getChildren().add(0, new ImageView(c.getAddedSubList().get(0)));
            }
        });
        box.heightProperty().addListener((ov, oldValue, newValue) -> {
            pane.setVvalue(pane.getVmax());
        });

        box.getChildren().add(button);
        pane.setContent(box);
        Scene scene = new Scene(pane, 500, 500);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
}

这不是双向绑定，但会满足您的需求。

此外，您还可以向VBox添加听众，并对ObservableList进行相应的更改。

box.getChildren().addListener(new ListChangeListener<Node>() {
     @Override
     public void onChanged(Change<? extends Node> c) {
         c.next();
         if(c.wasRemoved()){
              listOfImages.remove(c.getList().get(0));
         }
     }
});

JavaFX bindContentBidirectional的不同类型的列表

1 个答案: