JavaFX:带有图像按钮的工具栏

Question

如何创建这样的工具栏:

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

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

提前致谢

Answer 1

您将使用 CSS。您可以将背景和边框设置为透明，然后使用悬停类来添加半透明边框。它最终会是这样的(请注意，您可能还需要进行一些调整)

.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 Reference Guide
• caspian.css for JavaFX 2.2 (默认样式表)