javascript - ExtJs 4-Fenêtre de l'application Fade In



html animation (1)

J'ai deviné que je pouvais définir l'opacité de la fenêtre à 0 par défaut et cela a fonctionné:

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

J'essaye de créer un effet simple pour mon application qui est de l'aplanir du blanc pendant une période de 1-2 secondes afin que l'utilisateur n'ait pas à le voir assemblé.

Je l'ai presque travaillé, mais il y a des scintillements dont je n'arrive pas à me débarrasser. Fondamentalement, ExtJS est en train de restituer mon interface utilisateur, puis de la masquer immédiatement afin qu'elle puisse être intégrée.

Voici mon application:

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

    }
});

Que puis-je faire pour me débarrasser du tirage initial avant le FadeIn?





extjs4.1