java - Vaadin 动画师淡入淡出在刷新时消失

Question

我正在使用 Vaadin Animator 2.0.0 添加淡入组件。我正在使用以下代码

new Dom(referenceLayout).getStyle().opacity(0);
Animator.animate(referenceLayout, new Css().opacity(1.0)).delay(100).duration(2000);

它工作正常，但如果我刷新页面，我知道第二行（Animator）没有启动，默认情况下，组件保持 0 不透明度，我什么也看不到。我该怎么做才能确保组件在刷新后仍然可见。我不在乎动画师是否在刷新后启动。

Answer 1

如果您只想要一个简单的组件淡入动画，您可以执行以下操作（假设您正在使用/扩展 Valo 主题）：

您的应用：

mycomponent.addStyleName("fade-in");

你的主题：

.fade-in {
  @include valo-animate-in-fade;
}

有关 Valo 主题中动画混​​合的更多文档，请参阅https://vaadin.com/api/valo/#animation上的文档