使用MVVM的WPF导航

Question

我想了解有关使用MVVM导航的一些知识。

问题1：如果身份验证通过，请单击“登录”按钮，我想打开一个全新的窗口，该如何在不丢失MVVM模式的情况下做到这一点。 （我知道简单的方法NewWindow w = new NewWindow（），可以显示和隐藏，还可以），但这太可怕了，以至于我梦night以求。 我该怎么做？

Q2：我要完全重塑登录页面的恢复按钮，两个具有新的文本框，两个按钮（提交恢复和取消）使用取消，我想再次显示登录信息。 我该怎么做？

我所知道的：在同一个MainView中有两个按钮并加载不同的视图，但是这些按钮必须像网页一样停留在该页面上（这是第一次迭代中的桌面应用程序，也将演变为移动应用程序）。

最好的祝福，

Answer 1

对于第一个问题，您必须问自己，谁负责打开一个新窗口。 可能有人说，无论ViewModel中的数据如何，UI都负责打开一个新的Window，因此打开新Window（）的按钮没有问题，因为实际上没有数据。 您是否需要通过操作IsClose数据项来打开或关闭窗口？ 我的意思是，真的，您是否找到了可能需要的有用场景？ 然后将涉及ViewModel。

对于第二个问题，请按一些按钮，然后更改UI的某些部分。 您必须问自己，这样做时ViewModel的任何重要部分是否发生了变化，或者仅仅是某些IsOpen或IsShown变量显示或隐藏了一些已经连接到基础ViewModel的控件的情况。

View和ViewModel之间没有一对一的关系。 您可能有很多对很多，也可能有一个巨大的ViewModel连接到所有View。 MVVM的目的不是使UI以某种方式运行，而是控制应用程序的逻辑。 然后，UI应以此为基础。

Answer 2

WPF / XAML是一项非凡的技术，有很多方法可以完成相同的事情，甚至最简单的解释也太复杂了，无法在SO之类的论坛上发表。 要完全理解WPF，MVVM和XAML，您需要查看示例代码及其大量内容，您需要对其进行分解，看看其工作方式，然后对其进行修改以做其他事情，剥离部分以在自己的代码中实现并遵循教程。 只有做到这一点，您才能期望对24/7/52有所了解。

我不会在这里发布任何代码，因为太多了。 所以这里是我可以想到的最简单示例的下载

http://www.mediafire.com/download/3bubiq7s6xw7i73/Navigation1.rar

该示例是Rachel Lim示例的修改。 它只包含Views和ViewModels，没有模型或数据。 它演示了在两个不同的视图之间切换。 下载并解压缩它（使用win RAR）您将需要逐步检查代码，弄清楚它的工作方式以及如何做，然后根据您的需要对其进行修改...或根据代码进行修改。 ...

也许作为您的第一个任务，请使用下载链接中的示例代码，尝试添加第三个视图以及code \\ Button，以在三个视图之间进行切换。

祝好运

Answer 3

如果要根据ViewModel动态切换Views ，则可以使用DataTemplates ：

<Window>
   <Window.Resources>
      <DataTemplate DataType="{x:Type ViewModelA}">
         <localControls:ViewAUserControl/>
      </DataTemplate>
      <DataTemplate DataType="{x:Type ViewModelB}">
         <localControls:ViewBUserControl/>
      </DataTemplate>
   <Window.Resources>
  <ContentPresenter Content="{Binding CurrentView}"/>
</Window>

如果Window.DataContext是实例ViewModelA ，然后ViewA将会显示出来， Window.DataContext是实例ViewModelB ，然后ViewB将被显示。

让我展示一个示例，可以看到应该将DataTemplates放在哪里：

<Window x:Class="SimpleMVVMExample.ApplicationView"
        ...The code omitted for the brevity...
        Title="Simple MVVM Example with Navigation" Height="350" Width="525">
    <Window.Resources>
       <DataTemplate DataType="{x:Type ViewModelA}">
         <localControls:ViewAUserControl/>
      </DataTemplate>
      <DataTemplate DataType="{x:Type ViewModelB}">
         <localControls:ViewBUserControl/>
      </DataTemplate>
    </Window.Resources>

    <DockPanel>
        <Border DockPanel.Dock="Left" BorderBrush="Black" BorderThickness="0,0,1,0">
            <ItemsControl ItemsSource="{Binding ListOfViewModels}">
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Button Content="{Binding Name}"
                                Command="{Binding DataContext.ChangePageCommand, RelativeSource={RelativeSource AncestorType={x:Type Window}}}"
                                CommandParameter="{Binding }"
                                Margin="2,5"/>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </Border>

        <ContentControl Content="{Binding CurrentDataTemplateViewModel}" />
    </DockPanel>
</Window>

我强烈建议您注意Prism框架。 本教程非常好。