javafx - 如何设置上下文菜单宽度以匹配选择框

Question

我使用场景构建器 2.0 创建了 ChoiceBox 并附加到 IntelliJ Idea 并添加以下代码以将项目添加到 Main 类中的 ChoiceBox

ChoiceBox genderBox = (ChoiceBox) scene.lookup("#gender");
genderBox.setItems(FXCollections.observableArrayList("Boy", "Girl"));
genderBox.getSelectionModel().select(0); 

FXML 的选择框代码如下

<ChoiceBox id="gender" prefHeight="16.0" prefWidth="150.0" GridPane.columnIndex="1" GridPane.rowIndex="11">
           <GridPane.margin>
              <Insets left="10.0" />
           </GridPane.margin>
</ChoiceBox>

无论如何，在运行 Main 类时，我看到如下选择框。选择框宽度与上下文菜单（弹出）宽度不匹配。

如何为上下文菜单设置宽度？

编辑

无论如何，在组合框中为上下文菜单设置宽度都可以正常工作。所以我用组合框移动。请参阅示例 fxml。

Answer 1

首先，设置 ChoiceBox 本身的宽度...

<ChoiceBox prefWidth="150">
    ...
</ChoiceBox>

然后，通过 CSS 设置弹出列表的宽度...

.choice-box .menu-item > .label {
    -fx-pref-width: 100;
}

注意：由于下拉按钮，该框比列表宽约 50 像素。