2017-05-04 61 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 */ 
}