我想Node通过改变它的风格类来改变风格.
Button button = new Button();
button.getStyleClass().add("class1")
button.setOnMouseClicked(new EventHandler<MouseEvent>() {
@Override
public void handle(MouseEvent mouseEvent) {
button.getStyleClass().add("class2");
}
});
Run Code Online (Sandbox Code Playgroud)
是否有可能逐渐改变风格,使之成为过渡?
我开始学习 JavaFX 效果,但我似乎无法找到有关悬停按钮缩放的任何相关信息。
我猜它可以通过带有 Scale 转换或 CSS 的 JavaFX 代码来完成。在 CSS 中,我找到了一种在鼠标悬停时增加按钮的方法,但我不知道如何将它实现到 JavaFX。
这是 html 纯 css 代码中的增长悬停效果:
.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.1);
}
Run Code Online (Sandbox Code Playgroud)
我怎样才能将该 css 代码转换为 fx-css 代码?css 代码和 fx-css 代码一样吗?(意思是我只需要将“-fx-[buttonID]”放在前面就可以了?)
如果有任何关于 JavaFX css 的 CSS 动画和类似内容的信息,我想知道。
你能帮我完成这个任务吗?