Question

如何创建这样的工具栏：

LINK：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 Reference Guide
caspian.css for JavaFX 2.2（默认样式表）

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

1 个答案: