java - JavaFX：带有图像按钮的工具栏

Question

我怎样才能创建这样的工具栏：

链接：http ://s14.postimg.org/99095jk3l/image.png

我已经创建了一个具有正确背景的工具栏。我唯一的问题是按钮。我不知道如何将按钮设置为透明的样式，以及如何添加正确的悬停和单击效果以匹配背景。

提前致谢

Answer 1

您将使用 CSS。您可以将背景和边框设置为transparent，然后使用悬停类来添加半透明边框。最终会变成这样（请注意，您可能仍需要进行一些调整）

.button {
    -fx-background-color: transparent, transparent, transparent, transparent;
}

.button:hover{
    -fx-background-color: transparent, rgba(0,0,0,.1), rgba(0,0,0,.1), transparent;
}

.button:armed {
    -fx-background-color: transparent, rgba(0,0,0,.1), rgba(0,0,0,.1), rgba(0,0,0,.2);
}

要应用样式表，您将使用与此类似的代码：

toolbar.getStylesheets().add("filename.css");

在“javafx-2”标签的“信息”部分中有很多很好的参考资料。以下是一些应该对此有所帮助的内容：

• JavaFX 2 CSS 参考指南
• JavaFX 2.2 的 caspian.css（默认样式表）