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

    }
});

我该怎么做才能在淡入之前消除初始绘制？

- Dave

Answer 1

我猜测可以将视口的不透明度默认设置为0，结果成功了：

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

- Dave