sencha アプリでアニメーション化されていないヘッダーを固定し、ページのアニメーションと閲覧履歴を保持する方法はありますか?
ページ スライドでヘッダーをアニメーション化しないようにする必要があります。私が試した方法は次のとおりです。
-main container (v box)
--header container
--card container(card layout)
---card
---card2
---card3
等
そして、カードコンテナ内のカードを手動で切り替えますsetActiveItem(index)
The header is never animation in/out but I don't have history now なので、戻るボタンを設定する唯一の方法は setActiveItwm(prevIndex) で手動でハードコーディングすることです
それは不幸で汚い解決策かもしれませんが、他の誰かがより良い解決策を持っているかもしれません。
はい、煎茶アーキテクトを使ってテストしました。メモリから、レイアウトvboxを持つベースコンテナを作成しました。その中には上部のタブパネルがあり、その下にはタブパネルがありました。次に、トップパネルのフレックスを0.2に設定し、タブパネルを0.8に設定します。そうすれば、私のヘッダーはどのデバイスでも常に20％の高さになります。これがお役に立てば幸いです。
Ext.navigation.View を使用して、ビュー間の基本的なナビゲーションを作成します...次に、ナビゲーション ビューを非表示にします。これは、navigationBar プロパティを hidden:true にすることで実行できます
次に、上で述べたように、共通のナビゲーションヘッダーを用意します...ボタンを使用して先に進むには、
button.up('navigationview').push({xtype: 'card2'});
このボタンはカードのどこかにあり、次のカードに移動します
ボタンクリックで戻る場合も同様
button.up('navigationview').pop();
button.up('navigationview').pop(2);//Will take you two views back and so on
これらのボタンは共通ヘッダーにあります
あなたが必要とする Ext.navigation.View