在 ChoiceBox JavaFX 中设置项目列表的宽度答案

【问题标题】：Set the width of items list in ChoiceBox JavaFX在 ChoiceBox JavaFX 中设置项目列表的宽度
【发布时间】：2017-09-23 06:27:40
【问题描述】：

我想查看与标题相同宽度的项目列表：

但实际图片是：

而且我在场景生成器中没有找到任何样式的 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();

提前致谢！

【问题讨论】：

您可以使用 cbMain.setPrefWidth(60)，但我认为它并不能真正实现您的目标。
我找到了这个。也许它可以帮助stackoverflow.com/questions/22190370/…
切换到组合框，上面的评论有所帮助。谢谢！

标签： java css javafx scenebuilder choicefield

【解决方案1】：

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

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

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

【讨论】：