Java 瓦丁动画师示例

我想看看Vaadin中fade Animator的一些例子，每次我尝试在单击按钮后为某些布局或组件制作动画时，都没有文档说明如何制作动画。制作动画的最佳方法是使用CSS。您可以让按钮单击向要设置动画的元素添加类名，然后像这样定义类（在本例中，您将使用Vaadin的addStyleName（）方法（而不是JS）添加类）

document.querySelector（“#隐藏按钮”）.addEventListener（'click'，（）=>{
document.querySelector（'.your元素'）.classList.add（'hide'）；
});
。您的元素{
过渡：不透明度400ms；
背景：蓝色；
高度：200px；
宽度：200px；
}
.your-element.hide{
不透明度：0；
}

隐藏制作动画的最佳方法是使用CSS。您可以让按钮单击向要设置动画的元素添加类名，然后像这样定义类（在本例中，您将使用Vaadin的addStyleName（）方法（而不是JS）添加类）


document.querySelector（“#隐藏按钮”）.addEventListener（'click'，（）=>{
document.querySelector（'.your元素'）.classList.add（'hide'）；
});
。您的元素{
过渡：不透明度400ms；
背景：蓝色；
高度：200px；
宽度：200px；
}
.your-element.hide{
不透明度：0；
}

隐藏
您尝试过animator插件吗


安装并编译widgetset后，您可以使用：

Animator.animate(component, new Css().opacity(0));
Animator.animate(component, new Css().translateX("100px")).delay(1000).duration(2000);

你试过动画师插件吗


安装并编译widgetset后，您可以使用：

Animator.animate(component, new Css().opacity(0));
Animator.animate(component, new Css().translateX("100px")).delay(1000).duration(2000);

为Vaadin试用CompAni（=组件动画师）


它是开箱即用的，为组件和布局提供了许多令人惊叹的动画。说明和示例可在此处找到：
为瓦丁试一试CompAni（=组件动画师）


它是开箱即用的，为组件和布局提供了许多令人惊叹的动画。说明和示例可在此处找到：
但是我使用Java，而不是js，没有我说过的问题，在您的例子中，您将使用Java添加类名。类似于
newbutton（“Hide”），（）->yourElement.addStyleName（“Hide”）但我使用Java，而不是js，没有我说过的问题，在您的情况下，您将使用Java添加类名。类似于
newbutton（“Hide”），（）->yourElement.addStyleName（“Hide”）我有这个组件，并尝试了数百次，没有任何效果，你能给我一个按钮点击的例子如果你希望我们提供帮助，然后请显示你的代码。stackoverflow中有一个常见问题，我们需要回答“我的代码不工作”的问题。（在没有看到代码的情况下回答这样的问题…我不知道你怎么认为我们会看到问题所在）我们不再接受这个帐户的答案，哈哈什么？如果另一个限制，我如何添加代码我有这个组件，并尝试了数百次，没有任何效果，你能给我一个按钮点击的例子如果你希望我们提供帮助，然后请显示你的代码。stackoverflow中有一个常见问题，我们需要回答“我的代码不工作”的问题。（在没有看到代码的情况下回答这样的问题…我不知道你怎么认为我们会看到问题所在）我们不再接受这个帐户的答案，哈哈什么？如果存在其他限制，如何添加代码