java - 如何在场景生成器中将按钮适合圆形图像？

Question

有没有办法实现一个圆形按钮并且有圆形图像？我在 Eclipse 中使用场景构建器和 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

Answer 1

如果您使用的场景生成器没有任何自定义 CSS 文件，只需在检查器/属性 -> 样式文本字段中添加此规则:

-fx-background-radius: 100;

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

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

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

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

请注意，您可能还需要为 focused、hover、armed 或 disabled 添加一些样式伪类。