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

Question

有没有一种方法可以实现圆形按钮并具有圆形图像的按钮？ 我正在Eclipse中使用Scene Builder和javafx插件。 我正在尝试实现“播放”按钮。 我可以轻松地向按钮添加图像，问题是图像为圆形，按钮为矩形。 我怎么都适合？ 谢谢

这是图片！

Answer 1

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

-fx-background-radius: 100;

并且您将拥有圆形按钮（必须正确固定图像和按钮的大小）：

圆形按钮

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

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

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

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