JavaFX - 如何在 TableView 中以与一个 ObservableList 不同的顺序显示两个表列的值？

Question

这里的大学生目前正在从事锦标赛应用程序项目，我遇到了 GUI 的当前问题：

我的匹配算法采用玩家的号码并将最低号码与最高号码进行匹配，例如，如果我们有 8 名玩家，那么我们将有； P1 与 P8、P2 与 P7 等等。我目前正在尝试使用两列在 TableView 中显示它。这意味着同一行上第一列需要显示 P1，第二列需要显示 P8。遗憾的是，我无法弄清楚如何进行这项工作，因为当前的代码将玩家堆叠在一起，如下所示：

我当前的代码如下：

@FXML
private void initialize() {
    playerViewer.setPlaceholder(new Label("Players will be shown here"));

    SingleElimTournament tournament = new SingleElimTournament();

    for(int i = 1; i < 9; i++) {
        tournament.addPlayer(new Player("Player " + i, i));
    }

    int start = 0; //The id for first player according to a seed
    int end = tournament.getPlayerAmount() - 1; //The id for last player according to a seed
    while (start < end) {
        playerList.add(tournament.getPlayersList().get(start));
        playerList.add(tournament.getPlayersList().get(end));

        start++; //Moving on to the next match
        end--; //Moving on to the next match
    }

    columnOne.setCellValueFactory(new PropertyValueFactory<Player, String>("name"));
    columnTwo.setCellValueFactory(new PropertyValueFactory<Player, String>("name"));

    playerViewer.setItems(playerList);
}

我需要更改什么用于显示的列敌方球员并排而不是互相压在上面？非常感谢任何建议。

Answer 1

表中的每一行代表两名玩家的比赛，而不是单个玩家。因此，TableView 的数据类型需要是代表两个玩家的数据类型。

例如定义一个记录：

record Match(Player first, Player second) {} ;

@FXML
private TableView<Match> playerViewer ;
@FXML
private TableColumn<Match, Player> columnOne ;
@FXML
private TableColumn<Match, Player> columnTwo ;

private ObservableList<Match> matchList = FXCollections.observableArrayList();

@FXML
private void initialize() {
    playerViewer.setPlaceholder(new Label("Players will be shown here"));

    SingleElimTournament tournament = new SingleElimTournament();

    for(int i = 1; i < 9; i++) {
        tournament.addPlayer(new Player("Player " + i, i));
    }

    int start = 0; //The id for first player according to a seed
    int end = tournament.getPlayerAmount() - 1; //The id for last player according to a seed
    while (start < end) {
        Player player1 = tournament.getPlayersList().get(start);
        Player player2 = tournament.getPlayersList().get(end);

        Match match = new Match(player1, player2);
        matchList.add(match);

        start++; //Moving on to the next match
        end--; //Moving on to the next match
    }

    columnOne.setCellValueFactory(cellData -> new SimpleObjectProperty<>(cellData.getValue().first()));
    columnTwo.setCellValueFactory(cellData -> new SimpleObjectProperty<>(cellData.getValue().second()));

    Callback<TableColumn<Match, Player>, TableCell<Match, Player>> cellFactory = col ->
        new TableCell<>() {
            @Override
            protected void updateItem(Player player, boolean empty) {
                super.updateItem(player, empty);
                if (empty || player == null) {
                    setText("");
                } else {
                    setText(player.getName());
                }
            }
        };

    columnOne.setCellFactory(cellFactory);
    columnTwo.setCellFactory(cellFactory);

    playerViewer.setItems(matchList);
}