JavaFX 组合框，在单击的项目上

Question

我的问题如下，

为了这个问题，我在一个新项目中重现了这个问题。

假设我有一个包含组合框的应用程序，其中可能有 1 个或多个项目。我希望这样当用户单击组合框中的某个项目时，会发生“某事”。

我生成了以下代码：

        obsvList.add("item1");

        cbTest.setOnAction(new EventHandler<ActionEvent>() {
            @Override
            public void handle(ActionEvent event) {
                System.out.println("Item clicked");
            }
        });

这在应用程序启动并且第一次选择项目时有效。这也适用于组合框中有 2 个或更多项目的情况（例如，当用户单击项目 1，然后是项目 2，然后是项目 1）

但是我的问题是，当组合框中只有 1 个项目时，我们说“item1”。并且用户重新打开组合框并再次单击“item1”然后它不会重做操作。

当点击“新”项目时，它只会打印“Item Clicked”行。

我希望它说明了我遇到的问题是什么，如果没有，请要求澄清，我会在需要的地方提供。

提前致谢！

Answer 1

组合框的功能是向用户提供可供选择的选项列表。当您使用暗示选择的控件时，您应该真正确保 UI 始终与选择的选项一致。如果你这样做，那么当用户“重新选择”相同的选项时“重复一个动作”是没有意义的（因为 UI 已经处于所需的状态）。一种方法是对组合框的值使用绑定或侦听器：

import javafx.application.Application;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
import javafx.scene.Scene;
import javafx.scene.control.ComboBox;
import javafx.scene.control.Label;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class ComboBoxExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        ComboBox<Item> choices = new ComboBox<>();
        for (int i = 1 ; i <=3 ; i++) {
            choices.getItems().add(new Item("Choice "+i, "These are the details for choice "+i));
        }

        Label label = new Label();

        choices.valueProperty().addListener((obs, oldItem, newItem) -> {
            label.textProperty().unbind();
            if (newItem == null) {
                label.setText("");
            } else {
                label.textProperty().bind(newItem.detailsProperty());
            }
        });

        BorderPane root = new BorderPane();
        root.setCenter(label);
        root.setTop(choices);

        Scene scene = new Scene(root, 400, 400);
        primaryStage.setScene(scene);
        primaryStage.show();

    }

    public class Item {
        private final String name ;
        private final StringProperty details = new SimpleStringProperty() ;

        public Item(String name, String details) {
            this.name = name ;
            setDetails(details) ;
        }

        public String getName() {
            return name ;
        }

        @Override
        public String toString() {
            return getName();
        }

        public final StringProperty detailsProperty() {
            return this.details;
        }


        public final String getDetails() {
            return this.detailsProperty().get();
        }


        public final void setDetails(final String details) {
            this.detailsProperty().set(details);
        }



    }

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

在这种情况下，当用户“重新选择”同一个选项时，无需重复操作，因为代码始终确保 UI 与所选择的内容一致（如果用户选择已选择的选项）。通过在显示细节的 UI 部分中使用绑定（在这种情况下只是一个简单的标签），我们可以确保如果数据在外部发生更改，UI 会保持最新。 （显然在实际应用中，这可能要复杂得多，但基本策略还是完全一样的。）

另一方面，如果用户选择相同的功能，则需要重复执行某项操作的功能最好被视为向用户呈现一组“操作”。相应的控件包括菜单、带有按钮的工具栏和MenuButtons。

一组可重复操作的示例是：

import java.util.stream.Collectors;
import java.util.stream.Stream;

import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.beans.property.IntegerProperty;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.control.MenuButton;
import javafx.scene.control.MenuItem;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;

public class MenuButtonExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        MenuButton menuButton = new MenuButton("Items");
        Label label = new Label();

        Item[] items = new Item[3];
        for (int i = 1 ; i <=3 ; i++) {
            items[i-1] = new Item("Item "+i);
        }

        for (Item item : items) {
            MenuItem menuItem = new MenuItem(item.getName());
            menuItem.setOnAction(e -> item.setTimesChosen(item.getTimesChosen() + 1));
            menuButton.getItems().add(menuItem);
        }

        label.textProperty().bind(Bindings.createStringBinding(() -> 
            Stream.of(items)
                .map(item -> String.format("%s chosen %d times", item.getName(), item.getTimesChosen()))
                .collect(Collectors.joining("\n")), 
            Stream.of(items)
                .map(Item::timesChosenProperty)
                .collect(Collectors.toList()).toArray(new IntegerProperty[0])));

        BorderPane root = new BorderPane();
        root.setCenter(label);
        root.setTop(menuButton);

        Scene scene = new Scene(root, 400, 400);
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static class Item {
        private final String name ;
        private final IntegerProperty timesChosen = new SimpleIntegerProperty();

        public Item(String name) {
            this.name = name ;
        }

        public String getName() {
            return name ;
        }

        @Override
        public String toString() {
            return getName();
        }

        public final IntegerProperty timesChosenProperty() {
            return this.timesChosen;
        }


        public final int getTimesChosen() {
            return this.timesChosenProperty().get();
        }


        public final void setTimesChosen(final int timesChosen) {
            this.timesChosenProperty().set(timesChosen);
        }



    }

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

Answer 2

这个想法是在 ListView 窗格上设置一个侦听器，每当您单击 ComboBox 时就会出现该侦听器。一旦 ComboBox 首次加载到 JavaFX 场景中，就会创建 ListView 实例。因此，我们在 ComboBox 上添加一个监听器，检查它何时出现在场景中，然后通过“lookup”方法获取 ListView 并为其添加监听器。

private EventHandler<MouseEvent> cboxMouseEventHandler;

private void initComboBox() {
    ComboBox<String> comboBox = new ComboBox<String>();
    comboBox.getItems().add("Item 1");
    comboBox.getItems().add("Item 2");
    comboBox.getItems().add("Item 3");

    comboBox.sceneProperty().addListener((a,oldScene,newScene) -> {
        if(newScene == null || cboxMouseEventHandler != null)
            return;
            
        ListView<?> listView = (ListView<?>) comboBox.lookup(".list-view");
        if(listView != null) {
            cboxMouseEventHandler = (e) -> {
                Platform.runLater(()-> {
                    String selectedValue = (String) listView.getSelectionModel().getSelectedItem();
                    if(selectedValue.equals("Item 1"))
                        System.out.println("Item 1 clicked");
                });
            }; // cboxMouseEventHandler
        
            listView.addEventFilter(MouseEvent.MOUSE_PRESSED, cboxMouseEventHandler); 
        } // if
    });
} // initComboBox