如何在Sencha Touch应用程序中的所有视图之外的固定位置添加交互式动态组件

Question

如何在Sencha Touch应用程序中的所有视图之外的固定位置添加交互式动态组件 通过顶部的菜单，我想在控制音频，显示其他随机信息和旋转图像的应用程序底部添加控件。此窗格不应隐藏/移动/刷新/等。通过菜单更改视图时，本质上它应该与应用程序的其余部分分开。能够使用sencha'audio'xtypes是非常优选的。

我应该实现这个：

• 直接进入index.html
• 以某种方式将其添加到包含菜单的视图中
• 其他一些神奇的方式

Answer 1

神奇的方式是......停靠（在应用程序的其余部分之外，可能意味着您希望在视口上进行doc）。

http://docs.sencha.com/touch/2-0/#!/api/Ext.Component-cfg-docked

var button = Ext.create('Ext.Button', {
      text: 'Button',
      id: 'rightButton'
 });

 Ext.create('Ext.Container', {
     fullscreen: true,
     items: [
         {
              docked: 'top',
              xtype: 'titlebar',
              items: [
                  button
              ]
          }
     ]
 });

 Ext.create('Ext.Panel', {
     html: 'Floating Panel',
     left: 0,
     padding: 10
 }).showBy(button);    

对于你的顶视图，我会使用Ext.TabPanel的一些东西。 http://docs.sencha.com/touch/2-0/#!/api/Ext.tab.Panel