ExtJs 4 - アプリケーションビューポートでフェードインする

Question

私は自分のアプリケーションにシンプルなエフェクトを作成しようとしています。このエフェクトは、ユーザーが組み立てられるのを見る必要がないように1〜2秒間白くフェードインされます。

私はほとんど働いていますが、私は取り除かれていないようなちらつきがあります。基本的にはExtJSには、それがフェードインすることができますので、それを隠して、すぐにその後、私のUIをレンダリングしている

ここに私のアプリです：。

Ext.application({ 
    name : 'MyApp', // Application level namespace 
    appFolder : 'js/myapp', // Directory path to app 
    autoCreateViewport : true, 

    launch : function() {  
     // fade in the viewport 
     var form = Ext.ComponentQuery.query("viewport")[0]; 
     form.getEl().fadeIn({ 
      from : { 
       opacity : 0 
      }, 
      duration : 1000 
     }); 

    } 
}); 

は私がフェードインする前に、最初のドローを取り除くために何ができますか？

Answer 1

は、私はデフォルトで0にビューポートの不透明度を設定することができると野生の推測を取り、それが働いた：あなたのソリューションを共有するための

Ext.define('MyApp.view.Viewport', { 
    extend : 'Ext.container.Viewport', 
    style: 'opacity: 0;', 
    items : [ { 
     xtype : 'someview' 
    } ] 
});