ExtJs 4 - Im Ansichtsfenster der Ansicht

Question

Ich versuche, einen einfachen Effekt für meine Anwendung zu erstellen, der es von Weiß über einen Zeitraum von 1-2 Sekunden einblendet, so dass der Benutzer nicht sehen muss, dass es zusammengebaut wird .

Ich habe es fast funktioniert, aber es gibt einige Flackern, die ich nicht loswerden kann. Grundsätzlich ExtJS ist mein UI-Rendering und dann sofort versteckt es so kann es eingeblendet werden

Hier ist meine 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 
     }); 

    } 
}); 

Was kann ich von der ursprünglichen Auslosung vor dem FadeIn loszuwerden?

Answer 1

Nahmen eine wilde Vermutung, dass ich die Opazität des Bildfensters standardmäßig auf 0 gesetzt könnte und es funktioniert:

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