我正在尝试为我的应用程序创建一个简单的效果,即在 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
});
}
});
我该怎么做才能摆脱淡入之前的初始绘制?
最佳答案
大胆猜测我可以将视口(viewport)的不透明度默认设置为 0,并且它起作用了:
Ext.define('MyApp.view.Viewport', {
extend : 'Ext.container.Viewport',
style: 'opacity: 0;',
items : [ {
xtype : 'someview'
} ]
});
关于javascript - ExtJs 4 - 淡入应用程序视口(viewport),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13739228/