ExtJs 4 - Fade Trong khung nhìn ứng dụng

Question

Tôi đang cố gắng tạo hiệu ứng đơn giản cho ứng dụng của mình để làm mờ nó từ màu trắng trong khoảng thời gian 1-2 giây để người dùng không phải xem nó đang được lắp ráp .

Tôi gần như đã làm việc, nhưng có một số nhấp nháy mà tôi dường như không thể thoát khỏi. Về cơ bản ExtJS được render UI của tôi và sau đó ngay lập tức che giấu nó để nó có thể được mờ trong

Đây là ứng dụng của tôi.

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

    } 
}); 

Tôi có thể làm gì để thoát khỏi bốc thăm ban đầu trước khi fadeIn?

Answer 1

Took một hoang dã đoán rằng tôi có thể thiết lập Opacity của viewport 0 theo mặc định và nó làm việc:

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