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

    }
});

我該怎么做才能消除FadeIn之前的初始抽簽？

Answer 1

做出了一個瘋狂的猜測，我可以將視口的不透明度默認設置為0，並且可以正常工作：

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