1

我正在开发一个遵循 MVVM 的 WPF 应用程序。现在我正在以下列方式处理视图导航。主窗口视图

<Border>
    <StackPanel>
    <local:Home
               Content="{Binding CurrentView,Converter={StaticResource ViewConverterHome}, UpdateSourceTrigger=PropertyChanged}"/>
    <local:Page1
            Content="{Binding CurrentView,Converter={StaticResource ViewConverterPage1}, UpdateSourceTrigger=PropertyChanged}"/>
    <local:Page2
        Content="{Binding CurrentView,Converter={StaticResource ViewConverterPage2}, UpdateSourceTrigger=PropertyChanged}"/>
    </StackPanel>

</Border>

Home、Page1、Page2 是 3 个视图。HomeVM,Page1VM,Page2VM 是视图对应的视图模型。有一个名为 ApplicationViewModel 的类，它包含 CViewModelBase 类型的 CurrentView 属性，它是所有三个视图模型的父类。ApplicationViewModel 按以下方式处理导航

   private void OnUserInputNextClicked(object sender, OperationInformationChangedEventArgs e)
    {
        do
        {
            if (this.CurrentView is HomeVM)
            {
                this.CurrentView = null;
                Page1VM page1 = new Page1VM("BNM", "MATH HONS", "13");
                page1.NextCilcked += new EventHandler<OperationInformationChangedEventArgs>(OnUserInputNextClicked);
                page1.BackCilcked += new EventHandler<OperationInformationChangedEventArgs>(OnUserInputBackClicked);
                this.CurrentView = page1;
                break;
            }

            if (this.CurrentView is Page1VM)
            {
                this.CurrentView = null;
                Page2VM page2 = new Page2VM("Kolkata", "Monoj", "Itachuna");
                page2.NextCilcked += new EventHandler<OperationInformationChangedEventArgs>(OnUserInputNextClicked);
                page2.BackCilcked += new EventHandler<OperationInformationChangedEventArgs>(OnUserInputBackClicked);
                this.CurrentView = page2;
                break;
            }
            if (this.CurrentView is Page2VM)
            {
                this.CurrentView = null;
                HomeVM home = new HomeVM("Anirban", "30");
                home.NextCilcked += new EventHandler<OperationInformationChangedEventArgs>(OnUserInputNextClicked);
                this.CurrentView = home;
                break;
            }
        } while (false);
    }

导航运行良好；但是处理消失的视图并没有被调用。所以所有的视图都活到最后。有什么办法可以防止这种情况发生吗？

4

4 回答 4

4

您的视图将始终存在，因为您使用 XAML 将每个视图的副本添加到您的 UI，即使其中Content包含的视图可能不存在

通常，我将使用 aContentControl来显示内容，而不是为每种内容类型创建一个控件实例，并且我将使用它DataTemplates来告诉 WPF 如何绘制每种类型的内容。

例如，

<Window.Resources>
    <DataTemplate DataType="{x:Type local:HomeVM}">
        <local:Home Content="{Binding }" />
    </DataTemplate>
    <DataTemplate DataType="{x:Type local:Page1VM}">
        <local:Page1 Content="{Binding }" />
    </DataTemplate>
    <DataTemplate DataType="{x:Type local:Page2VM}">
        <local:Page2 Content="{Binding }" />
    </DataTemplate>
</Window.Resources>

<Border>
    <StackPanel>
        <ContentControl Content="{Binding CurrentView}" />
    </StackPanel>
</Border>

这样，您Content在 VisualTree 中只有一个您的实例，并且DataTemplateWPF 用户可以根据它的DataType.

如果您有兴趣查看完整的代码示例，我的博客上有一个使用 WPF 进行导航的示例

于 2013-03-15T13:29:23.367 回答
0

您需要更改 MainWindow 的 DataContext。这取决于您的集成。当我创建一个 MVVM 应用程序时，我所做的就是将 MainWindow 对象传递给每个视图构造函数。每当我必须移动到下一页（比如在下一个按钮上）时，我都会将 MainWindow 对象 DataContext 更改为新视图。

像这样的东西。

public PageOneViewModel
{

    private MainWindow _mainWindow;
    public PageOneViewModel(MainWindow mainWindow)
    {
         // Here I am saving MainWindow object.
         _mainWindow = mainWindow;
    }

    public OnNext()
    {
         // Here I am changing the view.
         MainWindow.DataContext = new PageTwoViewModel(_mainWindow);
    }
}
于 2013-03-15T06:28:35.787 回答
0

你考虑过使用Frame吗？

<Frame Name="YourFrame" Navigated="OnNavigated"/>

然后你可以打电话

YourFrame.CanGoBack()、YourFrame.GoBack()

等等

于 2013-03-15T06:36:44.980 回答
0

这是我对具有工作源代码的类似问题的回答的链接。我使用的技术有点类似于 Faisal 的解决方案。

如果您需要一个很好的可下载示例解决方案来演示使用侧边菜单的导航，请查看此处和此处（更简单的示例）。

于 2013-03-15T08:09:58.033 回答