如何在场景生成器中使按钮适合圆形图像?
how to fit a button to a circular image in scene builder?
有没有办法实现一个圆形的按钮,并有一个圆形的图像?我在 Eclipse 中使用 Scene builder 和 javafx 插件。
我正在尝试实现一个播放按钮。我可以轻松地向按钮添加图像,问题是图像是圆形而按钮是矩形。我怎样才能同时适应两者?
谢谢
这是图片!
如果您在没有任何自定义 CSS 文件的情况下使用 Scene Builder,只需在 Inspector/Properties->Style 文本字段中添加此规则:
-fx-background-radius: 100;
您将拥有圆形按钮(您必须正确调整图像和按钮的大小):
或者您可以使用自定义 CSS 文件:
.button {
-fx-background-radius: 100;
}
并使用 StyleSheets
按钮将其加载到您的 FXML 文件中。
请注意,您可能还需要为 focused
、hover
、armed
或 disabled
伪类添加一些样式。
有没有办法实现一个圆形的按钮,并有一个圆形的图像?我在 Eclipse 中使用 Scene builder 和 javafx 插件。 我正在尝试实现一个播放按钮。我可以轻松地向按钮添加图像,问题是图像是圆形而按钮是矩形。我怎样才能同时适应两者? 谢谢
这是图片!
如果您在没有任何自定义 CSS 文件的情况下使用 Scene Builder,只需在 Inspector/Properties->Style 文本字段中添加此规则:
-fx-background-radius: 100;
您将拥有圆形按钮(您必须正确调整图像和按钮的大小):
或者您可以使用自定义 CSS 文件:
.button {
-fx-background-radius: 100;
}
并使用 StyleSheets
按钮将其加载到您的 FXML 文件中。
请注意,您可能还需要为 focused
、hover
、armed
或 disabled
伪类添加一些样式。