JavaFX - 如何创建一个薄的菜单栏?
JavaFX - How to create a thin MenuBar?
我在 BorderPane
的顶部放置了一个带有 "File" 菜单和 "Close" MenuItem
的 MenuBar
:
如何让它看起来像我使用的大多数软件的 MenuBar
s 一样薄,类似于下图?
我认为它一定很简单,但作为初学者我真的 google 做不到。我不确定如何命名问题("javafx menubar height"、大小、样式等有用的结果不多)
将以下选择器添加到您的样式表会降低每个菜单元素的高度:
.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;
};
我在 BorderPane
的顶部放置了一个带有 "File" 菜单和 "Close" MenuItem
的 MenuBar
:
如何让它看起来像我使用的大多数软件的 MenuBar
s 一样薄,类似于下图?
我认为它一定很简单,但作为初学者我真的 google 做不到。我不确定如何命名问题("javafx menubar height"、大小、样式等有用的结果不多)
将以下选择器添加到您的样式表会降低每个菜单元素的高度:
.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;
};