自适应UI中查看相关性的MVVM视图模型

Question

我正在为uwp平台做一个mvvm应用程序，我正在寻找关于以下事项的建议。

例如，windows 10电子邮件应用程序，当全屏在一页中同时显示电子邮件列表和电子邮件内容时，以较小的形式将内容显示在单独的页面中。

在这个场景中，将视图与视图模型关联的最佳方法是什么？

我的想法是

1. 一个大视图模型，它将是此场景中所有视图的数据上下文。
2. 两个视图模型，一个用于电子邮件列表，一个用于电子邮件内容，设置为页面不同部分或不同页面的数据上下文。
3. 三种视图模型。这两个视图模型来自于前一点，另一个视图模型用于协调它们。

你认为什么是最好的？我的问题主要源于这样一个事实:在一种情况下，您实际上导航到另一页，并且必须在导航事件中放入逻辑，而这些事件在另一种情况下并不存在。

Answer 1

我知道这个问题有点晚了，但是，FWIW，我的答案是：

您使用视图模型的第二种方法确实是有意义的，因为您有两种不同的东西要呈现，但是对于每个页面来说没有不同的视图模型。内容的一个视图模型。

在我看来，当您有向导并按Next按钮时，电子邮件内容显示方式的改变并不是UI逻辑，您可以跳过页面。您所描述的是UI设计问题。

不过，你可能需要做的是部分检索电子邮件的内容。这将是电子邮件内容视图模型中的一个函数或方法。

给定的情况下，UI设计器可以以任何他们喜欢的方式更改表单的设计。