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

Question

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

我应该实现这个：

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

Answer 1

神奇的方式是……停靠（在应用程序的其余部分之外，可能意味着您想在视口上进行文档处理）。

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

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