如何用另一个组合框中的选择填充组合框？JavaFX

Question

我已经开始为March Madness 括号生成器创建一个 GUI，方法是显示第 1 轮的所有 64 支球队，Labels现在我正在尝试ComboBox为每场比赛创建一个下拉菜单。我已经ComboBox为 2 个匹配项创建了一个，现在我想创建一个新的ComboBox，它从它之前的其他两个匹配项中提取它的选项ComboBox。所以在下面的示例图中，newComboBox应该有Duke和VCU选项供用户选择。           (2 combo boxes)        (new combo box)Duke------               Duke ---   ND St. ---                                        XVCU -----               VCU ---UCF -----  我该怎么做？public class ControlPanel extends Application{    @Override    public void start(Stage primaryStage) {        primaryStage.setTitle("March Madness 2019 Generator");        BorderPane componentLayout = new BorderPane();        componentLayout.setPadding(new Insets(20,0,20,20));        final FlowPane choicePane = new FlowPane();        choicePane.setHgap(100);        Label choiceLbl = new Label("Match1");        ArrayList<Team> round1 = new ArrayList<Team>();        round1.add(new Team("Duke", 0.670, 1));                    //0        round1.add(new Team("North Dakota St", 0.495, 16));        round1.add(new Team("VCU", 0.609, 8));        round1.add(new Team("UCF", 0.606, 9));        //The choicebox is populated from an observableArrayList        ChoiceBox r2Match1 = new ChoiceBox(FXCollections.observableArrayList(  match(round1, 0, 1)   ));        //Add the label and choicebox to the flowpane        choicePane.getChildren().add(choiceLbl);        choicePane.getChildren().add(r2Match1);        //put the flowpane in the top area of the BorderPane        componentLayout.setTop(choicePane);        //Add the BorderPane to the Scene        Scene appScene = new Scene(componentLayout,500,500);        //Add the Scene to the Stage        primaryStage.setScene(appScene);        primaryStage.show();    }    private ArrayList<Team> match(ArrayList<Team> roundPullFrom, int team1, int team2) {        ArrayList<Team> temp = new ArrayList<Team>();        temp.add(roundPullFrom.get(team1));        temp.add(roundPullFrom.get(team2));        return temp;    }}

Answer 1

使用我之前的回答ComboBox中发布的方法成对组合es，直到只剩下一个.ComboBox

下面的代码也以类似于树结构的方式布置节点，但是您可以通过将每一轮保留在数据结构中而不是覆盖单个数组的值来轻松解耦布局。（由于您需要访问数据，因此无论如何您都应该将组合存储在适当的数据结构中。）

private static ComboBox<String> createCombo(double x, double y, double width) {

    ComboBox<String> comboBox = new ComboBox<>();

    comboBox.setLayoutX(x);

    comboBox.setLayoutY(y);

    comboBox.setMaxWidth(Region.USE_PREF_SIZE);

    comboBox.setMinWidth(Region.USE_PREF_SIZE);

    comboBox.setPrefWidth(width);

    return comboBox;

}

private static Label createLabel(String text, double maxWidth) {

    Label label = new Label(text);

    label.setMaxWidth(maxWidth);

    return label;

}

@Override

public void start(Stage primaryStage) {

    String[] teams = new String[64];

    for (int i = 0; i < teams.length; i++) {

        teams[i] = Integer.toString(i);

    }

    final double offsetY = 30;

    final double offsetX = 100;

    final double width = 90;

    Pane root = new Pane();

    // array storing the comboboxes

    // combos for previous round are at the lowest indices

    ComboBox<String>[] combos = new ComboBox[teams.length / 2];

    // create initial team labels & comboboxes

    for (int i = 0, offsetTeams = 0; i < combos.length; i++, offsetTeams += 2) {

        Label label = createLabel(teams[offsetTeams], width);

        double y = offsetTeams * offsetY;

        label.setLayoutY(y);

        root.getChildren().add(label);

        label = createLabel(teams[offsetTeams+1], width);

        label.setLayoutY(y+offsetY);

        ComboBox<String> comboBox = createCombo(offsetX, y + offsetY / 2, width);

        comboBox.getItems().addAll(teams[offsetTeams], teams[offsetTeams+1]);

        combos[i] = comboBox;

        root.getChildren().addAll(label, comboBox);

    }

    double x = 2 * offsetX;

    int count = combos.length / 2; // combos still left for the next round

    for (; count > 0; count /= 2, x += offsetX) { // for each round

        // create comboboxes combining the combos from previous round pairwise

        for (int i = 0, ci = 0; i < count; i++, ci+=2) {

            // get combos pairwise

            ComboBox<String> c1 = combos[ci];

            ComboBox<String> c2 = combos[ci+1];

            ComboBox<String> combo = createCombo(x, (c1.getLayoutY() + c2.getLayoutY()) / 2, width) ;

            // combine data from previous round

            ChangeListener<String> listener = (o, oldValue, newValue) -> {

                final List<String> items = combo.getItems();

                int index = items.indexOf(oldValue);

                if (index >= 0) {

                    if (newValue == null) {

                        items.remove(index);

                    } else {

                        items.set(index, newValue);

                    }

                } else if (newValue != null) {

                    items.add(newValue);

                }

            };

            c1.valueProperty().addListener(listener);

            c2.valueProperty().addListener(listener);

            root.getChildren().add(combo);

            combos[i] = combo;

        }

    }

    primaryStage.setScene(new Scene(new ScrollPane(root), 600, 400));

    primaryStage.show(); 

}

Answer 2

你的问题的结构是一棵树。所以您可能希望您的解决方案支持该结构。您可以使用二叉树数据结构来模拟锦标赛，或者您可以通过以下类创建这样的结构：

class Team {

   String name;

}

class Match {

   Team teamA;

   Team teamB;

   String where;

   Date when;

   public Team selectWinner() { 

     ...

   }

}

class Tournament {

   List<Team> teams;

   List<Match> getMatches(int round,List<Team> teams) {

     List<Match> matches=new ArrayList<Match>)();

     if (round==1) {

       for (teamIndex=1;teamIndex<=teams.size();teamIndex+=2) {

         Match match=new Match(teams[teamIndex-1],teams(teamIndex)];

         matches.add(match);

       }

     } else { 

       List<Team> winners=new ArrayList<Team>();

       for (Match match:getMatches(round-1)) {

         winners.add(match.selectWinner());

       }

       return getMatches(1,winners);

     }

   }

}

从这个结构中，您可以派生必要的 gui 组件，使选择动态化，并让 GUI 组件从 Tournament、Match 和 Team 类中获取它们的值。