1

我四处寻找它，但找不到在页面转换时关闭滑动（或任何动画）动画的解决方案。我有一个简单的应用程序，有 4 个视图，只显示一堆数据。我正在各种设备上测试我的应用程序的性能，并认为关闭动画将是要遵循的测试用例之一。

我尝试了几种方法，例如：（注意：这些是我在互联网上找到的所有解决方案，其中一些可能没有意义。我还在学习框架:)

试用一：（在启动功能中）

Ext.override(Ext.Window, {
            animShow: function(){
                this.afterShow();
            },
            animHide: function(){
                this.el.hide();
                this.afterHide();
            }
        });

试用二：（在启动功能中，代替试用一）

Ext.Anim.override({
            disableAnimations:true
        });

试验三：（在我的视图类中）

config: {
        showAnimation: false,
        hideAnimation: false,
        navigationBar: {
            hidden   : false,
            animation: false
        },
        items: [
            {
                xtype: 'logincard',
                flex : 1
            }
        ]
    }

但是，我可以使用以下方法关闭导航栏中的动画：（也在我的视图类中）

navigationBar: {
                hidden   : false,
                animation: false
            }

那么有没有办法完全禁用 Sencha Touch 2.2.1 中的页面过渡动画？

任何帮助将不胜感激！

4

2 回答 2

4

终于让它工作了。我想我没有关于我的问题的足够信息。我正在使用Navigation Viewwhich 将因此push通过控制器获得其他视图。

我所要做的就是将以下布局配置放在config我的Main视图中，扩展Navigation View.

    layout: {
            type: 'card',
            animation: false
    }

这将禁用屏幕转换时的动画。此外，您可以使用以下配置覆盖 动画的duration,等：type

layout: {
    type: 'card',
    animation: {
        duration: 300,
        easing: 'ease-out',
        type: 'slide',
        direction: 'left'
    }
}

这是动画的默认配置Navigation View。我从这里找到了帮助。

于 2013-06-28T14:27:04.470 回答
0

禁用动画后出现问题，出现以下错误：

Uncaught TypeError: Cannot read property 'dom' of null

解决方案是一个超快的动画：

animation: {
    duration: 1,
    //easing: 'ease-out',
    type: 'fade'
    //direction: 'left'
}
于 2014-12-02T14:15:09.543 回答