JavaFX - 如何創建一個薄的MenuBar？

Question

我放置在一個BorderPane的MenuBar頂部有「文件」菜單和「關閉」 MenuItem內：

我怎樣才能使它看起來更薄像MenuBar S的最我使用的軟件，類似於下面的圖片？

我認爲它必須足夠簡單，但作爲一個初學者我真的無法google一下。我不知道如何命名的問題（不是「JavaFX的菜單欄高度」，大小，造型等很多有用的結果）

Answer 1

添加下面的選擇到您的樣式表減少了每個菜單元素的高度：

.menu-item { -fx-padding: 1 5 1 5; } 
.menu { -fx-padding: 1 5 1 5; } 

要刪除所有的上下文菜單的填充，可以另加：

.menu .context-menu { -fx-padding: 1 1 1 1; } 

而且你還可以減小字體大小：

.menu-item >.label {-fx-font-size:9;} 
.menu >.label {-fx-font-size:9;} 

而且可以刪除MenuBar的左，右padding和減少間距：

.menu-bar { 
    -fx-padding: 0 1 0 1; 
    -fx-spacing: 1; 
};