ExtJs 4 - Fade In application viewport

Question

Sto provando a creare un effetto semplice per la mia applicazione che è Dissolvenza dal bianco per un periodo di 1-2 secondi in modo che l'utente non debba vederlo assemblato .

Ho quasi funzionato, ma c'è un po 'di sfarfallio di cui non riesco a liberarmi. Fondamentalmente ExtJS sta rendendo la mia interfaccia utente e poi subito a nasconderlo in modo che possa essere sbiadito in

Ecco la mia app:.

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

    } 
}); 

Che cosa posso fare per sbarazzarsi del sorteggio iniziale prima della FadeIn?

Answer 1

Ha preso un ipotesi che ho potuto impostare l'opacità della finestra a 0 per impostazione predefinita e ha funzionato:

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