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

Question

我在 BorderPane 的顶部放置了一个 MenuBar，里面有一个"file"菜单和一个“关闭”MenuItem:

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

我认为它一定很简单，但作为初学者我无法真正用谷歌搜索它。我不确定如何命名问题(“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;
};