在JavaFX中，如何將標簽與VBox布局中的CheckBoxes對齊？

Question

我已經在JavaFX中創建了一個TableView ，它動態地將包含CheckBox列表的VBox加載到行中。 如下圖所示：

如您在圖中所看到的，復選框旁邊的標簽與復選框本身不對齊。

我使用以下內容動態創建VBoxes：

private VBox getVBox(Map<Integer, String> item, Set<Integer> completed, String id) {
    VBox box = new VBox();
    box.setSpacing(0);
    box.setPadding(new Insets(3,3,3,3));

    for(Integer i : item.keySet()) {
        CheckBox checkbox = new CheckBox(item.get(i));
        checkbox.setId("item"+id+"-" + i.intValue());
        if(completed.contains(i)) {
            checkbox.setSelected(true);
        }
        checkbox.setPrefHeight(21);
        box.getChildren().add(checkbox);
    }

    return box;
}

即使我刪除了setSpacing設置和setPadding設置以及setPrefHeight設置，問題仍然保持不變。

我應用於此表的唯一CSS並非默認情況如下：

.table-view{
    -fx-background-color: transparent;
}

.table-view:focused{
    -fx-background-color: transparent;
}

.table-row-cell:odd{
    -fx-background-color: #E0E0E0;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.0em;
}

.table-row-cell:even{
    -fx-background-color: #BBD9E0;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.0em;
}

我的問題：如何使復選框標簽與復選框垂直對齊？ VBox不能做到這一點嗎？

感謝您的幫助。

Answer 1

我建議您使用ScenicView工具並檢查應設置哪些元素以獲得垂直對齊

下載它作為庫添加，並在下面的行中放入代碼：

  ScenicView.show(current scene instance);