ListView单元格的增长大于其包含的节点

Question

同样，我正在为我的大学项目开发GUI，我必须以一行的形式显示一系列由颜色定义的元素。因为它们可以在运行时更改，所以我使用了ListView。元素不能超过四个，它们应该占据一定的空间，但当我将节点放在列表单元格中时，单元格会在节点周围显示边框（本例中为矩形），这会使ListView超出其首选大小，并显示两个滚动条，这是我不想看到的，因为列表不应该是可滚动的，而且它非常小，所以条形图几乎涵盖了所有内容。

这是我为细胞工厂写的代码：

private void initializeBalcony(SimpleListProperty<String> balconyProperty, ListView<String> balconyView) {
        balconyView.setBorder(null);
        balconyView.setItems(balconyProperty);
        balconyView.setCellFactory(row -> new ListCell<String>() {
            @Override
            protected void updateItem(String item, boolean empty) {
                super.updateItem(item, empty);
                if (item == null || empty)
                    Platform.runLater(() -> this.setGraphic(null));
                else {
                    this.setMaxSize(27.5, 38);
                    Rectangle councillor = new Rectangle();
                    councillor.setWidth(20);
                    councillor.setHeight(35);
                    councillor.setFill(Paint.valueOf(item));
                    Platform.runLater(() -> this.setGraphic(councillor));
                }
            }
        });
    }

加上ListView的FXML定义：

<ListView fx:id="coastBalcony" fixedCellSize="38.0" layoutX="80.0" orientation="HORIZONTAL" prefHeight="40.0" prefWidth="120.0" />

问题的图形显示

我不知道我做错了什么，也许我应该只使用和HBox，但我曾经有问题与ListChangeListeners。

Answer 1

您正在设置fix edCellsize="38.0"，在HORIZONTAL的情况下，方向是单元格的宽度。因此，您应该将其设置为期望值（从您的示例中，我猜它是27.5）。此外，您可能希望摆脱单元格填充，可以通过在ListCell实现中使用setPadd（new Inset（0））或在css中手动设置单元格填充：

.list-cell {
    -fx-padding: 0;
}