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

如何在Sencha Touch应用程序的所有视图之外的固定位置添加交互式动态组件。
通过顶部的菜单，我想在应用程序的底部添加一些控件，用于控制音频、显示其他随机信息和旋转图像。此窗格不应隐藏/移动/刷新/等。当通过菜单更改视图时，本质上它应与应用程序的其余部分分开。最好能够使用sencha“audio”X类型

我是否应该实施这一点：

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

---

神奇的方法是。。。停靠（在应用程序的其余部分之外，可能意味着您希望在视口中记录文档）

对于您的俯视图，我会使用一些类似Ext.TabPanel的东西。

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);