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

Posted

技术标签:

【中文标题】如何在 Sencha Touch 应用程序中所有视图之外的固定位置添加交互式动态组件【英文标题】:How to add interactive, dynamic components on a fixed location outside of all views in a Sencha Touch application 【发布时间】:2012-06-05 01:15:04 【问题描述】:

。 使用顶部的菜单,我想在应用程序底部添加控制音频、显示其他随机信息和旋转图像的控件。此窗格不应隐藏/移动/刷新/等。通过菜单更改视图时,本质上它应该与应用程序的其余部分分开。最好能够使用 sencha 'audio' xtypes。

我应该实现这个吗:

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

【问题讨论】:

【参考方案1】:

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

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

【讨论】:

以上是关于如何在 Sencha Touch 应用程序中所有视图之外的固定位置添加交互式动态组件的主要内容,如果未能解决你的问题,请参考以下文章

sencha touch2.0如何在屏幕之间传递数据?

Sencha Touch:这个框架到底是如何工作的?

使用 Sencha touch 2 在 UIWebView 中选项卡切换太慢

如何从加载的商店 sencha touch 中删除额外参数

如何在 Sencha Touch 2.0 中清除 cookie

如何在 Sencha Touch 应用程序中禁用增量更新?