Javascript 如何禁用Sencha Touch 2页面转换动画?
我到处搜索它,但找不到一个解决方案,可以关闭滑动(或任何动画)页面转换动画。我有一个带有4个视图的简单应用程序,它只显示一组数据。我正在各种设备上测试我的应用程序的性能,我认为关闭动画将是接下来的测试用例之一 我尝试了几种方法,例如:(注意:这些都是我在互联网上找到的解决方案,其中一些可能没有意义。我仍在学习框架:) 试用版I:(启动功能中) 试用版II:(在启动功能中,取代试用版I) 试用III:(在我的视图类中) 但是,我可以使用以下命令关闭导航栏中的动画:(在我的视图类中也是如此) 那么,有没有办法完全禁用Sencha Touch 2.2.1中的页面转换动画Javascript 如何禁用Sencha Touch 2页面转换动画?,javascript,animation,extjs,sencha-touch,sencha-touch-2,Javascript,Animation,Extjs,Sencha Touch,Sencha Touch 2,我到处搜索它,但找不到一个解决方案,可以关闭滑动(或任何动画)页面转换动画。我有一个带有4个视图的简单应用程序,它只显示一组数据。我正在各种设备上测试我的应用程序的性能,我认为关闭动画将是接下来的测试用例之一 我尝试了几种方法,例如:(注意:这些都是我在互联网上找到的解决方案,其中一些可能没有意义。我仍在学习框架:) 试用版I:(启动功能中) 试用版II:(在启动功能中,取代试用版I) 试用III:(在我的视图类中) 但是,我可以使用以下命令关闭导航栏中的动画:(在我的视图类中也是如此) 那么,
任何帮助都将不胜感激 终于成功了。我想关于我的问题我没有足够的信息。我使用的是
导航视图
,它将通过控制器推送其他视图
我所要做的就是将以下布局配置放在我的Main
视图的config
中,该视图扩展了导航视图
layout: {
type: 'card',
animation: false
}
这将禁用屏幕上的动画转换。此外,您可以使用以下配置覆盖动画的持续时间
、类型
等:
layout: {
type: 'card',
animation: {
duration: 300,
easing: 'ease-out',
type: 'slide',
direction: 'left'
}
}
这是
导航视图的默认动画配置。我找到了来自的帮助。终于让它工作了。我想关于我的问题我没有足够的信息。我使用的是导航视图
,它将通过控制器推送其他视图
我所要做的就是将以下布局配置放在我的Main
视图的config
中,该视图扩展了导航视图
layout: {
type: 'card',
animation: false
}
这将禁用屏幕上的动画转换。此外,您可以使用以下配置覆盖动画的持续时间
、类型
等:
layout: {
type: 'card',
animation: {
duration: 300,
easing: 'ease-out',
type: 'slide',
direction: 'left'
}
}
这是导航视图的默认动画配置。我从中找到了帮助。禁用动画后,我遇到了问题,出现了如下错误:
Uncaught TypeError: Cannot read property 'dom' of null
解决方案是一个超快速动画:
animation: {
duration: 1,
//easing: 'ease-out',
type: 'fade'
//direction: 'left'
}
禁用动画后出现问题,出现如下错误:
Uncaught TypeError: Cannot read property 'dom' of null
解决方案是一个超快速动画:
animation: {
duration: 1,
//easing: 'ease-out',
type: 'fade'
//direction: 'left'
}
您是否使用导航视图作为父视图?因为TabPanel或NavigationView通常会添加动画,但不是默认的卡片布局。我在Main上使用了navigation视图,它的控制器然后推送其他视图。我没有全局主父级。它们只是单独的视图。是否使用导航视图作为父视图?因为TabPanel或NavigationView通常会添加动画,但不是默认的卡片布局。我在Main上使用了navigation视图,它的控制器然后推送其他视图。我没有全局主父级。它们只是单独的观点。