Vaadinのアニメーターがフェードインしてリフレッシュするとき

Question

私はVaadin Animator 2.0.0アドオンを使ってコンポーネントをフェードインしています。私はそれが正常に動作しますが、私はページを更新した場合、私は2番目の行（アニメーター）がでキックと、デフォルトではありません理解し、次のコード

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

を使用しています、コンポーネントは0不透明に残ると私は見ていけません何でも 更新後もコンポーネントが表示されたままになっていることを確認するにはどうすればよいですか。アニメーターがリフレッシュしたかどうかはわかりません。

Answer 1

あなただけのシンプルなフェードインアニメーションコンポーネントのが必要な場合、あなたは（あなたが使用している/ VALOのテーマを拡張すると仮定して）次の操作を行うことができます。

アプリ：

mycomponent.addStyleName("fade-in"); 

あなたをテーマ：

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

VALOのテーマでアニメーションミックスインについてさらにドキュメントについては、https://vaadin.com/api/valo/#animation

01でドキュメントを参照してください。