如何在场景生成器中使按钮适合圆形图像?

how to fit a button to a circular image in scene builder?

有没有办法实现一个圆形的按钮,并有一个圆形的图像?我在 Eclipse 中使用 Scene builder 和 javafx 插件。 我正在尝试实现一个播放按钮。我可以轻松地向按钮添加图像,问题是图像是圆形而按钮是矩形。我怎样才能同时适应两者? 谢谢

这是图片!

http://cdn.mysitemyway.com/etc-mysitemyway/icons/legacy-previews/icons/grunge-brushed-metal-pewter-icons-media/001103-grunge-brushed-metal-pewter-icon-media-a-media32-forward.png

如果您在没有任何自定义 CSS 文件的情况下使用 Scene Builder,只需在 Inspector/Properties->Style 文本字段中添加此规则:

-fx-background-radius: 100;

您将拥有圆形按钮(您必须正确调整图像和按钮的大小):

或者您可以使用自定义 CSS 文件:

.button {
    -fx-background-radius: 100;
}

并使用 StyleSheets 按钮将其加载到您的 FXML 文件中。

请注意,您可能还需要为 focusedhoverarmeddisabled 伪类添加一些样式。