Sencha Touch 2固定头

时间:2012-06-06 06:21:13

标签: sencha-touch extjs sencha-touch-2 sencha-architect

有没有办法在sencha应用程序中拥有一个固定的非动画标题并仍保留页面动画和浏览历史记录?

我需要我的标题才能在页面幻灯片上制作动画。我尝试的方式是:

-main container (v box)
--header container
--card container(card layout)
---card
---card2
---card3

我用setActiveItem(index)手动切换卡片容器内的卡片 标题从来没有动画输入/输出但我现在没有历史记录所以只有一个后退按钮的方法是使用setActiveItwm(prevIndex)手动硬编码

这是一个不幸和肮脏的解决方案,也许其他人有更好的解决方案。

3 个答案:

答案 0 :(得分:0)

答案 1 :(得分:0)

是的,我使用sencha架构师来测试它。从内存中我创建了一个具有布局vbox的基本容器。在里面,我有一个顶部tabpanel,并在其下面一个tabpanel。然后我将顶部面板上的flex设置为0.2,将tabpanel设置为0.8。这样我的标题在任何设备上的高度始终为20%。我希望这会有所帮助。

答案 2 :(得分:0)

使用Ext.navigation.View并在视图之间创建基本导航...然后隐藏导航视图,您可以通过将navigationBar属性设置为hidden来实现:true

接下来有一个如上所述的常见导航标题... 使用按钮继续前进可以说是使用

button.up('navigationview').push({xtype: 'card2'});

此按钮位于卡片中的某个位置,可将您带到下一张卡

同样返回按钮点击

button.up('navigationview').pop();
button.up('navigationview').pop(2);//Will take you two views back and so on

这些按钮位于您的公共标题