3

モバイル Web アプリを作成していますが、バックボーン ビューの設計と配線に苦労しています。

私が達成したいことを説明しましょう。

ここに画像の説明を入力

ご覧のとおり、上の画像はいくつかの UI コンポーネントを示しています。

  • 戻るボタン、検索ボタン、メニュー ボタンを備えたツールバー ビュー
  • リスト付きのタブ付きビュー
  • 詳細ビュー
  • メニュー表示

動作に関する注意事項:

  • メニュー ボタンをタップすると、メニューがオーバーレイされてアニメーション化されます。
  • リスト ビューと詳細ビューには、ハッシュタグを使用して永続的にアクセスできます

とりあえず、ツールバー、メニュー、リスト、詳細のビューを作成しました。しかし、明らかに、ビュー間に何らかの相互作用が必要であり、それを処理する方法がわかりません。

解決すべき問題:

  1. 詳細またはリストに移動するときに、すべてのビューをレンダリングする必要がありますか? そうでない場合、ツールバーを更新してその関係を処理する方法
  2. タブ2から詳細に移動してリストに戻るときに、どのタブが表示されたかを覚えておく方法。タブの切り替えだけを覚えておくべきではないため、ハッシュタグを使用して表示されているタブを覚えておくことはできません。

私はtbranyen layoutmanagerを調べてきましたが、完全に分離されたビューを想定しているようです。

4

1 に答える 1

1

私はBackbone.Marionetteをこの種のものに使用して成功しました。アプリケーションで領域を定義し、それらの領域に表示されるビューを個別に管理できます。

したがって、ツールバーがリージョンになり、メイン エリアがリージョンになります。次に、リストと詳細を切り替えるときに、リスト/詳細ビューをメイン領域に挿入し、ツールバー領域だけを残します。Backbone Marionette は、正しいビューがレンダリングされ、要素が DOM から削除されていることなどを確認します。

表示されているタブが何であったかを思い出すことに関しては、それをタブ ビューの変数に保存することはできませんか? それともトップレベルのアプリケーション オブジェクトでしょうか?

于 2012-05-23T16:09:17.747 に答える