Sencha touch 2 Sencha Touch 2在转盘下方添加导航栏
我使用此链接开始使用Sencha: 我的Main.js如下:Sencha touch 2 Sencha Touch 2在转盘下方添加导航栏,sencha-touch-2,carousel,navbar,Sencha Touch 2,Carousel,Navbar,我使用此链接开始使用Sencha: 我的Main.js如下: Ext.define("epiduo_ped.view.Main", { extend: 'Ext.Carousel', requires: [ 'Ext.TitleBar', 'Ext.Video' ], config: { tabBarPosition: 'bottom', items: [
Ext.define("epiduo_ped.view.Main",
{
extend: 'Ext.Carousel',
requires:
[
'Ext.TitleBar',
'Ext.Video'
],
config:
{
tabBarPosition: 'bottom',
items:
[
{
xtype: 'homepanel'
},
{
xtype: 'page1panel'
}
]
}
});
我修改了我的页面以扩展Ext.Carousel而不是Ext.Panel。这就允许刷卡了,但是,现在我在底部没有一个导航栏,上面有按钮可以在页面之间切换,这很有意义,因为我不再扩展Ext.tab.panel。Sencha中是否有一种内置方式可以同时拥有这两种功能,或者这种自定义方式是我必须添加自己的html才能在底部添加导航栏?不管怎样,我都不知道该怎么做。
换句话说:我需要一个有3个页面的旋转木马,这样用户就可以在它们之间滑动,同时增加用户使用选项卡栏上的按钮在旋转木马中的页面之间切换的功能。只需保留您的
Ext.tab.Panel
并将旋转木马添加到:
Ext.define("epiduo_ped.view.Main",
{
extend: 'Ext.tab.Panel',
requires:
[
'Ext.TitleBar',
'Ext.Video'
],
config:
{
tabBarPosition: 'bottom',
fullscreen: true,
items: [{
title: 'Home',
iconCls: 'home',
html: 'Home Screen'
},{
title: 'Contact',
iconCls: 'user',
xtype:'carousel',
items: [{
html : 'Item 1',
},{
html : 'Item 2',
},{
html : 'Item 3'
}]
}]
}
});
希望这能有所帮助。好的,我想为其他正在努力完成这项任务的人发布答案。基本上它是一个旋转木马,工具栏停靠在底部: 您只需使用Sencha“主题化”设置工具栏和图标的样式
谢谢,但这不是我想要做的。你有一个主页,然后是一个联系人页面,在联系人页面中有一个旋转木马。我需要一个有3个页面的旋转木马,这样用户可以在它们之间滑动,同时增加用户使用选项卡上的按钮在旋转木马中的页面之间切换的能力-迈克