不同的视图内部选项卡面板- Sencha touch 2
不同的视图内部选项卡面板- Sencha touch 2
提问于 2013-03-29 16:51:55
大家好，
我是ST2的新手，如果这是一个非常愚蠢的问题，我很抱歉。
我需要做一个用户界面，如在这张照片。当按下侧边栏中的按钮时，右侧的视图会发生变化。侧边栏也可以隐藏。
在ST2中，有没有办法在运行时在容器中添加另一个视图，就像在ios中使用"self.view addSubView:tV_coverage_view“一样
例如，如果用户按下"TV Coverage“按钮，我应该创建一个"TV_Coverage_View”实例并将其添加到右侧container.And "TV_Coverage_Controller“将处理该视图中的所有内容。
我应该为左边的按钮、面板和右边使用什么样的容器。
一个小的代码示例将会很有帮助。
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-03-29 17:34:01
对于左侧和右侧部分，您应该使用hbox容器。示例：
Ext.create('Ext.Container', {
fullscreen: true,
layout: 'hbox',
items: [
{
xtype: 'panel',
html: 'message list',
width : 250
},
{
xtype: 'panel',
html: 'message preview',
flex: 1,
layout : 'card'
}
]
});现在，因为右侧需要多个面板，所以需要一个卡片布局作为父面板。因此有了第二个小组。对于任何sencha应用程序，理解布局概念都是非常重要的。请参考sencha指南了解这一点。
现在，为了在右侧的页面之间切换，可以使用add()和animateActiveItem()函数。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15700087
复制相关文章
相似问题
腾讯云开发者
