使用cardSwitchAnimation时,布局会因方向更改而中断

时间:2011-10-05 16:03:13

标签: javascript iphone ipad mobile sencha-touch

我对Sencha Touch相对较新,我正在开发一个移动应用程序,当我使用cardSwitchAnimation在视图之间进行转换时,我注意到方向更改时会出现一些怪癖。

发生的事情是我有几个包含可滚动内容区域的视图;这种方式在纵向模式下可以正常使用动画,在横向模式下而不用动画。在横向模式下并使用动画时,停靠的项目会消失,视图底部会出现一堆空白区域。

供参考,这是我的基本表示层结构:

视口

  • 扩展Ext.Panel
  • 包含视图对象
  • 包含停靠的物品
  • 全屏:真实
  • 布局配置:卡
  • cardSwitchAnimation:false

视图

  • 扩展Ext.Panel
  • 属于Viewport
  • 包含一个可滚动的内容区域
  • 布局配置:卡
  • cardSwitchAnimation:slide

内容区域

  • 属于Views
  • xtype:panel
  • scroll:vertical

我尝试过的解决方案:

  • 在onOrientationChange中为视图和视口调用doLayout和doComponentLayout
  • 为视图和视口设置monitorOrientation和onOrientationChange为true
  • 为视图使用'fit'布局类型(有效,但与过渡动画不兼容)
  • 为内容区域使用'fit'布局类型(内容区域由于某种原因崩溃)

我对此大肆渲染,似乎无法找到解决方案。有什么想法吗?

0 个答案:

没有答案