Question

我的app类中有以下代码：

 switchMainView: function (newView, config) {
        if (this.currentView != false) {
            Ext.Viewport.remove(this.currentView);
        }

        this.currentView = Ext.create(newView, config);        
        Ext.Viewport.animateActiveItem(this.currentView, { type: 'slide', direction: 'right' })
    },

可以从任何控制器调用。但是，它没有显示动画。有什么想法吗？

Answer 1

这是因为“this.currentView”视图还不是视口的一部分。在animateActiveItem行之前使用此行：

Ext.Viewport.add(this.currentView);

这应该可以使它发挥作用。

Answer 2

据sencha家伙说：

AnimateActiveItem（activeItem，animation）将

使用指定的动画动画到提供的activeItem。 目前仅适用于卡片布局。对于单个卡切换，此传递的动画将覆盖容器上的任何默认动画。完成后动画将被销毁。

viewport: {
layout: {
    type: 'card'
}

}

在app.js中添加以上代码

为什么animateActiveItem函数不是Sencha Touch中的动画

2 个答案: