2017-05-04 262 views
0

我想看到的项目列表喜欢它的宽度相同的标题:设置的项目列表的宽度ChoiceBox JavaFX的

enter image description here

但实际的图片:

enter image description here

我还没有在场景构建器中找到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(); 

提前感谢!

+0

你可以用cbMain.setPrefWidth玩(60),但我不认为它真正实现了你是什么寻找。 – Sedrick

+2

我发现了这个。也许它可以帮助http://stackoverflow.com/questions/22190370/how-to-set-width-of-drop-down-of-combobox-in-java-fx – Sedrick

+1

切换到Combobox和上面的评论帮助。谢谢! – BohdanN

回答

0

您可以在上下文菜单选项,您的选择框添加CSS如下:

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

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