如何在场景构建器中将按钮适合圆形图像？答案

【问题标题】：how to fit a button to a circular image in scene builder?如何在场景构建器中将按钮适合圆形图像？
【发布时间】：2015-03-13 18:10:41
【问题描述】：

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

这是图片！

【问题讨论】：

【解决方案1】：

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

-fx-background-radius: 100;

您将拥有圆形按钮（您必须正确修复图像和按钮的大小）：

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

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

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

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

【讨论】：

感谢它在该图像上工作得很好。但是对于另一个，图像按钮看起来很糟糕！这是图片：imagizer.imageshack.us/v2/1246x701q90/537/srU4IZ.png
您需要修正尺寸：使按钮变小，这样您就看不到边框了。此外，图像不透明。
感谢 Jose，我通过将其更改为 .png 格式而不是 .jpg 来解决透明问题。然而，即使我把它缩小了，图像按钮的边框也没有解决。图片：imagizer.imageshack.us/v2/1246x701q90/661/bXBLra.png
设置按钮的最小/首选项/最大尺寸（Inspector->Layout），根据需要使其更小。
完成！非常感谢何塞（y）