1

sencha touch 2 に問題があります。

sencha touch 2 でナビゲーション ビューを提供するのと同じ機能を実装する方法を理解しようとしていますが、..「Ext.NavigationView」コンポーネントの各アイテムには、独自の「navigationBar」要素のセットが必要です。たとえば、ボタンのセットを意味します。

私はこのようなことができることを知っています:

this.getMain().getNavigationBar().rightBox.removeAll();
this.getMain().getNavigationBar().rightBox.add(this.getSettingButton());
        //where 'getSettingButton' predefined by me a button

「プッシュ」イベントが発生するたびにこのアクションを実行します (「navigationBar」をクリアして、適切なボタンのセットを追加します)。

もちろん、'layout: card' と 'items' プロパティの 'Ext.panel' 要素のセットを使用して 'Ext.Panel' を実装することもできます。それぞれに固有の 'toolbar' があります。動作を制御するには、「setActiveItem」メソッドを使用できます。

しかし、これらのアプローチのそれぞれは少し奇妙だと思いますね。

それを実装するためのはるかに自然なアプローチになると思いました。

ほとんどの場合、何が必要なのかわからない。私の疑問を確認します。それを行う最善の方法は何ですか。

4

1 に答える 1

2

現在、Ext.NavigationViewは「単純な」ビュー間のナビゲーションを実行する傾向があります。ここでの「シンプル」とは、ビューが、機能的なボタンやツールバーなどを備えた「複雑な」ものではなく、innerHTML を備えた単なるパネルであることを意味します。

私の知る限り、次の 2 つの方法を試すことができます。

  1. それでも Ext.NavigationView を使用したい場合は、navigationBar config、getter、setter を使用して、通常のコンポーネントとして、タイトル、アイテム (ボタン、スペーサーなど) を使用して NavigationBar をカスタマイズできます。

  2. (推奨) ビューが互いに完全に異なる場合は、選択したさまざまなアイテムで多くの Ext.Container を使用する必要があります (たとえば、最初のコンテナーには単純な HTML アナウンスがあり、2 つ目は追加の Ext.Button があるなど)。 . animateActiveItem()アニメーション ナビゲーションを簡単に使用できます。この方法ははるかに柔軟だと思います。

于 2012-04-10T05:23:12.777 に答える