JavaFX - 如何创建瘦MenuBar？

Question

我已放置在BorderPane MenuBar的顶部，其中包含＆＃34;文件＆＃34;菜单和＆＃34;关闭＆＃34;内部MenuItem：

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

我认为它必须足够简单，但作为初学者，我无法真正谷歌。我不确定如何命名问题（＆＃34; javafx菜单栏高度＆＃34;，尺寸，样式等）没有太多有用的结果。

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;
};