JavaFX-自定义ListView外观

Question

我使用listview作为排行榜，并显示球员的名字和总得分，这是通过字符串完成的。但是我想定制listview，这样它就包括位置和平均得分。我在下面提供了一个素描，说明我希望它是怎样的。

现在，我正在将一个纯字符串添加到可观察列表中，并在listview上查看它，但很难自定义它。我不知道该怎么做，最好的方法是什么？使用css还是JavaFX？关于listview，我确实有一些问题，比如是否可以有一个静态头，比如tableView？

更新

我见过使用listcell（Link）而不是Hbox的例子，但我之所以选择这种方式，是因为我想在按totalScore排序playerStats数组后传递playerName、totalScore和average。因此listview可以按总得分的升序显示玩家。如果有更好的方法做到这一点，请分享。

控制器类

全局字段：

ListView<CustomCellHBox> leaderBoard = new ListView<CustomCellHBox>();
ObservableList<CustomCellHBox> rank = FXCollections.observableArrayList();

    public void updateListView() {
        rank.clear();

        List<CustomCellHBox> data = new ArrayList<CustomCellHBox>();

        for(Statistics s : playerStats){
            data.add(new CustomCellHBox(s.getPlayer(),s.getTotalScore(),s.getAverage()));
        }

        rank = FXCollections.observableArrayList(data);
        leaderBoard.setItems(rank);
}

    public class CustomCellHBox extends HBox {


    private Label playerName = new Label();
    private Label totalScore = new Label();
    private Label averageScore = new Label();
    private GridPane grid = new GridPane();

    CustomCellHBox(String playerName, int totalScore, double averageScore) {
        super();

        this.playerName.setText(playerName);
        this.totalScore.setText(String.valueOf(totalScore));
        this.averageScore.setText(String.valueOf(averageScore));

        grid.setHgap(10);
        grid.setVgap(4);
        this.playerName.setMaxWidth(Double.MAX_VALUE);
        this.averageScore.setMaxWidth(Double.MAX_VALUE);
        this.totalScore.setMaxWidth(Double.MAX_VALUE);


        grid.add(this.playerName,0,0);
        grid.add(this.totalScore,0,1);
        grid.add(this.averageScore,0,2);
        this.setHgrow(grid,Priority.ALWAYS);

        this.getChildren().addAll(grid);
    }


}

  grid.add(this.playerName,0,0);
        grid.add(this.totalScore,1,0);
        grid.add(this.averageScore,2,0);

Answer 1

也许controlsFX的SpreadSheetView是这样做的好方法:http://fxexperience.com/controlsFX/features/#SpreadSheetView