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' 
    } ] 
});