3

我正在构建一个移动网络应用程序，并且一直在为我的主干视图的设计和布线而苦苦挣扎。

让我说明我想要实现的目标。

在此处输入图像描述

如您所见，上图标识了几个 UI 组件：

  • 带有返回、搜索和菜单按钮的工具栏视图
  • 带有列表的选项卡式视图
  • 详细视图
  • 菜单视图

关于行为的一些注意事项：

  • 点击菜单按钮覆盖并动画菜单。
  • 列表和详细信息视图可通过主题标签永久访问

现在我已经为工具栏、菜单、列表和细节创建了视图。但显然视图之间必须有一些交互，我不知道如何处理它。

要解决的问题：

  1. 转到详细信息或列表时是否渲染所有视图？如果没有，如何更新工具栏并处理这种关系
  2. 当从选项卡 2 转到详细信息并返回列表时，如何记住显示了哪个选项卡。记住带有主题标签的可见选项卡不是一种选择，因为不应记住仅在选项卡之间切换。

我一直在研究tbranyen layoutmanager，但它似乎仍然假设完全独立的视图。

4

1 回答 1

1

我在使用Backbone.Marionette做这类事情时取得了一些成功。它允许您在应用程序中定义区域，然后独立管理在这些区域中显示的视图。

所以工具栏是一个区域，主区域是一个区域。然后在列表和详细信息之间切换时，您只需将列表/详细信息视图插入主区域，单独留下工具栏区域。然后，Backbone Marionette 将负责确保呈现正确的视图并从 DOM 中删除元素等。

至于记住可见选项卡是什么，您能否不将其存储在选项卡视图上的变量中？或者在一些顶级应用程序对象上？

于 2012-05-23T16:09:17.747 回答