android - Sencha Touch 2:使用“淡入淡出”动画在两个面板之间切换吗？

我想知道什么是最好的方式来交换屏幕上的两个面板与褪色效果？
我有两个面板，我用css把它们放在了一起。panelone可见，paneltwo隐藏。
单击另一个按钮（不在两个面板上）时，我希望panelone淡出，paneltwo淡入。
我目前正在使用下面的代码工作，但我发现在一些android设备上，我们在这里进行测试时，它相当滞后。有没有比我现在使用的更好的方法？如何改进此动画？
此代码在点击按钮时执行：

Ext.Anim.run(panelOne, 'fade', {
   duration: 100,
   after: function() {
      panelOne.hide();
   }
});
Ext.Anim.run(panelTwo, 'fade', {
   out: false,
   duration: 100,
   before: function() {
      panelTwo.show();
   }
});

任何帮助都非常感谢。
谢谢。

最佳答案

没必要用这么长时间。
例如，你的应用程序有一个Ext.Anim，它分别包含Ext.Container和panelOne作为第一项和第二项。
如果您想用panelTwo动画从panelOne导航到panelTwo，只需使用：
fade
或者你可以这样做：
将Ext.getCmp('your_container_id').animateActiveItem(1,'fade')添加到paneltwo的配置中
将showAnimation: 'fadeIn'添加到panelone的配置中
希望有帮助。