JavaFX - 如何创建一个瘦菜单栏？

Question

我已将BorderPane 和MenuBar 放在顶部，其中包含“文件”菜单和“关闭”MenuItem：

如何让它看起来像我使用的大多数软件的MenuBars 一样薄，类似于下图？

我认为它必须足够简单，但作为一个初学者，我无法真正用谷歌搜索它。我不确定如何命名问题（“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 的左右填充并减小间距：

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