JavaFX带有复选框的组合框

Question

问题描述

我尝试创建一个JavaFX ComboBox，其中下拉菜单中包含复选框。

ComboBox应该是可编辑的，并由一个简单的类（称为CheckItem）提供数据。CheckItems列表应该是可勾选的，选择后不应关闭下拉菜单。

最终，ComboBox中的文本应该是可用的，选择的项目也应该是可用的。

已完成的工作

(1) ComboBox将CheckItem呈现为CheckedBox并正确选择

(2) 从ComboBox中获取文本

出现的问题

(1) 单击一项后，下拉菜单会关闭，但项目的选择状态不会更改。

(2) 据我所知，每次只能选择一个项目？

以下是测试代码：

测试程序

public class ComboButtonSample extends Application {

    @Override
    public void start(Stage stage) {
            final ObservableList<CheckItem> items = fetchItems();
            ComboBox<CheckItem> combo = createComboBox(items);
            combo.setPromptText("enter searchstring here");
            combo.setEditable(true);


            // order the components vertically
            VBox vBox = new VBox();
            vBox.getChildren().add(combo);

            // Button to write out the text and the items of the combobox
            Button btn = new Button();
            btn.setText("combo text to console");
            btn.setOnAction((event) -> {
                    System.out.println("Text is: "+combo.getEditor().getText());
                    System.out.println("Content is: ");
                    for (Iterator<CheckItem> iterator = combo.getItems().iterator(); iterator.hasNext();) {
                            CheckItem ci = (CheckItem) iterator.next();
                            System.out.println(String.format("[%s] %s -> %s", ci.selected ? "X" : " ",ci.getDisplayName(), ci.getInternalName()));

                    }
            });

            vBox.getChildren().add(btn);

            // show you do not need any code to change the selection of the box.
            CheckBox checkBox = new CheckBox();
            checkBox.setText("test box");
            vBox.getChildren().add(checkBox);

            stage.setScene(new Scene(vBox));
            stage.show();
    }

    private ComboBox<CheckItem> createComboBox(ObservableList<CheckItem> data) {
            ComboBox<CheckItem> combo = new ComboBox<>();
            combo.getItems().addAll(data);
            combo.setCellFactory(listView -> new CheckItemListCell());
            return combo;
    }

    class CheckItemListCell extends ListCell<CheckItem> {
            private final CheckBox btn;

            CheckItemListCell() {
                    setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
                    btn = new CheckBox();
            }

            @Override
            protected void updateItem(CheckItem item, boolean empty) {
                    super.updateItem(item, empty);

                    if (item == null || empty) {
                            setGraphic(null);
                    } else {
                            btn.setText(item.getDisplayName());
                            btn.selectedProperty().setValue(item.selected);
                            setGraphic(btn);
                    }
            }
    }

    private ObservableList<CheckItem> fetchItems() {
            final ObservableList<CheckItem> data = FXCollections
                            .observableArrayList();
            for (int i = 1; i < 15; i++) {
                    CheckItem chkItem = new CheckItem();
                    chkItem.selected = i%3==0;
                    chkItem.setDisplayName("DisplayName" + i);
                    chkItem.setInternalName("InternalName" + i);
                    data.add(chkItem);
            }
            return data;
    }

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

CheckItem

public class CheckItem {
    boolean selected;
    String displayName;
    String internalName;    

    public boolean isChecked() {
        return selected;
    }

    public void setChecked(boolean checked) {
        this.selected = checked;
    }

    public String getDisplayName() {
        return displayName;
    }

    public void setDisplayName(String displayName) {
        this.displayName = displayName;
    }

    public String getInternalName() {
        return internalName;
    }

    public void setInternalName(String internalName) {
        this.internalName = internalName;
    }
}

- lumo

---

ComboBox专门用于从项目列表中选择一个项目。 我认为对于您想要的功能，我会从CheckMenuItem填充的MenuButton开始。 - James_D

在ControlsFX项目中还有一个CheckComboBox，你可能会感兴趣。 - José Pereda

谢谢 José Pereda，不知道怎么错过了这个！你能把它作为答案添加进去吗？谢谢！ - lumo

Answer 1

如果您在实现过程中遇到问题，可以查看ControlsFX项目中的CheckComboBox控件。请参考CheckComboBox和ControlsFX链接了解更多信息。

您可以在此处找到源代码here。同时您还可以查看下方的示例图片：。

- José Pereda

---

嗨！如何将这个 CheckComboBox 添加到 FXML 文件中？ - user691197

请创建一个新问题。 - José Pereda

Answer 2

我的示例代码：

CheckedComboBox

人物类

public class Person {

    private StringProperty name = new SimpleStringProperty();
    private ObjectProperty<LocalDate> birthday = new SimpleObjectProperty<>();

    public Person() {
    }

    public Person(String name, LocalDate birthday) {
        setNameValue(name);
        setBirthdayValue(birthday);
    }

    public StringProperty getNameProperty() {
        return name;
    }

    public String getNameValue() {
        return name.getValue();
    }

    public void setNameValue(String value) {
        name.setValue(value);
    }

    public ObjectProperty<LocalDate> getBirthdayProperty() {
        return birthday;
    }

    public LocalDate getBirthdayValue() {
        return birthday.getValue();
    }

    public void setBirthdayValue(LocalDate value) {
        birthday.setValue(value);
    }

    @Override
    public String toString() {
        return getNameValue()+" ("+getBirthdayValue()+")";
    }

}

简单的包装器

public class ComboBoxItemWrap<T> {

    private BooleanProperty check = new SimpleBooleanProperty(false);
    private ObjectProperty<T> item = new SimpleObjectProperty<>();

    ComboBoxItemWrap() {
    }

    ComboBoxItemWrap(T item) {
        this.item.set(item);
    }

    ComboBoxItemWrap(T item, Boolean check) {
        this.item.set(item);
        this.check.set(check);
    }

    public BooleanProperty checkProperty() {
        return check;
    }

    public Boolean getCheck() {
        return check.getValue();
    }

    public void setCheck(Boolean value) {
        check.set(value);
    }

    public ObjectProperty<T> itemProperty() {
        return item;
    }

    public T getItem() {
        return item.getValue();
    }

    public void setItem(T value) {
        item.setValue(value);
    }

    @Override
    public String toString() {
        return item.getValue().toString();
    }
}

示例代码

public class MainApplication extends Application {

    @Override
    public void start(Stage stage) {
        Scene scene = new Scene(new VBox(), 450, 250);

        ComboBox<ComboBoxItemWrap<Person>> cb = new ComboBox<>();

        @SuppressWarnings("unchecked")
        ObservableList<ComboBoxItemWrap<Person>> options = FXCollections.observableArrayList(
                new ComboBoxItemWrap<>(new Person("A", LocalDate.now().minusDays(12))),
                new ComboBoxItemWrap<>(new Person("B", LocalDate.now().minusDays(34))),
                new ComboBoxItemWrap<>(new Person("C", LocalDate.now().minusDays(48))),
                new ComboBoxItemWrap<>(new Person("D", LocalDate.now().minusDays(56))),
                new ComboBoxItemWrap<>(new Person("E", LocalDate.now().minusDays(72))),
                new ComboBoxItemWrap<>(new Person("F", LocalDate.now().minusDays(96)))
                );

        cb.setCellFactory( c -> {
            ListCell<ComboBoxItemWrap<Person>> cell = new ListCell<>(){
                @Override
                protected void updateItem(ComboBoxItemWrap<Person> item, boolean empty) {
                    super.updateItem(item, empty);
                    if (!empty) {
                        final CheckBox cb = new CheckBox(item.toString());
                        cb.selectedProperty().bind(item.checkProperty());
                        setGraphic(cb);
                    }
                }
            };

            cell.addEventFilter(MouseEvent.MOUSE_RELEASED, event -> {
                cell.getItem().checkProperty().set(!cell.getItem().checkProperty().get());
                StringBuilder sb = new StringBuilder();
                cb.getItems().filtered( f-> f!=null).filtered( f-> f.getCheck()).forEach( p -> {
                    sb.append("; "+p.getItem());
                });
                final String string = sb.toString();
                cb.setPromptText(string.substring(Integer.min(2, string.length())));
            });

            return cell;
        });

        cb.setItems(options);


        VBox root = (VBox) scene.getRoot();

        Button bt = new Button("test");

        bt.setOnAction(event -> {
            cb.getItems().filtered( f -> f.getCheck()).forEach( item -> System.out.println(item.getItem()));
        });

        root.getChildren().addAll(cb, bt);
        stage.setScene(scene);
        stage.show();
    }

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

- Андрей Стариков