1

Sencha Touch アプリケーションのすべてのビューの外にある固定された場所に、インタラクティブで動的なコンポーネントを追加する方法。
上部にメニューがあり、オーディオを制御し、他のランダムな情報を表示し、画像を回転させるコントロールをアプリの下部に追加したいと思います。このペインは、非表示/移動/更新/その他であってはなりません。メニューを介してビューを変更する場合、本質的に、アプリケーションの残りの部分から分離する必要があります。sencha 'audio' xtypes を使用できることが非常に望ましいです。

これを実装する必要があります:

  • index.html に直接
  • どういうわけか、メニューも保持するビューに追加します
  • 他の魔法の方法

レイアウト例

4

1 に答える 1

2

魔法の方法は... ドッキング（アプリの残りの部分の外では、おそらくビューポートにドッキングしたいことを意味します）。

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

于 2012-06-05T08:07:38.473 に答える