java - 在 ChoiceBox JavaFX 中设置元素列表的宽度

Question

我希望看到与标题宽度相同的元素列表:

但实际图片是:

而且我还没有在场景生成器中找到 ChoiceBox 的元素列表的任何样式。是否有任何样式可以添加到 css 文件中以使元素列表具有相同的宽度和位置？

当前样式:

ChoiceBox {
    -fx-min-width: 28px;
    -fx-min-height: 42px;

    -fx-font-size: 16px;
    -fx-background-radius: 0;

    -fx-background-color: #ffffff;
    -fx-border-width: 1px;
    -fx-region-background: #000000 /
    -fx-mark-color: #757575;
    -fx-border-color: #C5C5C5;
}

元素声明:

    @FXML private ChoiceBox channelPicker;
    private ObservableList<String> channelItems = FXCollections.observableArrayList("DAC 1", "DAC 2", "DAC 3", "DAC 4");

    channelPicker.setItems(channelItems);
    channelPicker.getSelectionModel().selectFirst();

提前致谢!

Answer 1

您可以将上下文菜单选项添加到您的选择框 css，如下所示:

.choice-box {
    -fx-pref-width: 220;
}

.choice-box .context-menu {
    -fx-pref-width: 220; /* Your width for the context menu background shown */
}