2012-04-17 43 views
0


我在我的ios应用中使用了sencha touch 2。但选项卡面板太慢,有一个选项卡包含大量内容,但所有选项卡都很慢(从选项卡处于高亮状态到页面转换之间存在延迟,切换需要大约1秒)。我试过deferredRender parmater,但它没有帮助。在带有Sencha触摸的UIWebView中,Tab切换速度太慢2

我该如何写我的tabPanel使其更快?

注:在同一个页面切换选项卡上的Android更快,但在一切的Android的WebView较慢

谢谢

回答

2

,这个问题很相似,你的:

PhoneGap 1.4 wrapping Sencha Touch 2.X - What about performance?

正如我在该主题中所说的,通常Android之间的视图转换速度更快,但其他效果(特别是滚动)比iOS慢得多。

现在我知道的唯一解决方案是保持您的DOM光重。不要尝试创建可能出现在您的应用中的所有视图,并通过setActiveItem()稍后调用它们,因为它会极大地扩大您的DOM。当你切换到一个新的选项卡时,我建议你应该销毁所有其他选项卡的子组件(并且如果你想在切换回时恢复它们的状态,只保留一些变量)。

+1

嗨,谢谢你的回答。 你能告诉我最好的方法吗? 创建我的物品是否足够,但只有在激活并销毁旧物品时才将它们添加到我的标签中? 类型'activeitemchange:function(container,newValue,oldValue,opts)oldValue.getItems()。items.length = 0; newValue.add(tabItems [index-1]);' – 2012-04-18 11:08:54

+0

是的。这为DOM搜索节省了大量的内存和时间,但另一方面,重新构建DOM元素需要时间,因为在去激活之前,它们已经销毁了它们。但基本上,改善应用性能是一种很好的做法。 – 2012-04-18 14:02:13

+0

谢谢。我可以将它们从DOM中删除,并将它们保留为JavaScript变量,我想这可以节省一些时间 – 2012-04-18 14:14:37