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 主题中动画 mixin 的更多文档，请参阅 https://vaadin.com/api/valo/#animation 处的文档。