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参考指南
• caspian.css for JavaFX 2.2(默认样式表)