在Windows 8中使用MVVMLight通过ViewModel进行页面导航

Question

我上周开始使用mvvm light开发我的全新Windows 8应用程序。我熟悉mvvmlight WP7的导航方法。请问我如何在Windows 8中实现相同的功能？是否有更好的方法来实现呢？我找到了一个解决方案，其中我们在vm中覆盖onnavigated事件并处理转到其他页面。但我认为这种方法已经过时了。请有经验的人指导我正确的实现方式。谢谢。

- Rakesh R Nair

---

请问您能否分享一下您是如何在vm中重写OnNavigatedTo方法的解决方案？ - Oleg Kalyta

Answer 1

我知道这不是你可能正在寻找的确切答案，但这可能会给你一些探索思路。

在我的情况下，我没有使用MVVMLight - 而是我自己简单的MVVM实现。 我使用BindableBase类（默认VS 2012 RC模板附带）进行属性通知。 我想，你可以使用MVVMLight来为你提供一些基础设施，然后再结合以下内容来补充。

对于导航，我定义了一个类似于以下的接口：

public interface INavigationService
{
    void Navigate(Type type);
    void Navigate(Type type, object parameter);
    void EnsureNavigated(Type pageType, object parameter);

    bool CanGoBack { get; }
    bool CanGoForward { get; }
    void GoBack();
    void GoForward(); 

    IView CurrentView { get; }
}

并按如下方式实现：

using System;
using System.Collections.Generic;
using System.Threading.Tasks;
using Windows.UI.Xaml.Controls;

public class NavigationService : INavigationService
{
    private readonly Frame _frame;

    public NavigationService(Frame frame)
    {
        _frame = frame;
        _frame.Navigated += OnFrameNavigated;
    }

    private void OnFrameNavigated(object sender, Windows.UI.Xaml.Navigation.NavigationEventArgs e)
    {
        var view = e.Content as IView;
        if (view == null)
            return;

        var navMsg = new NavigationMessage()
        {
            Sender = this,
            NewView = view,
            Parameter = e.Parameter,
            NavigationMode = (int)e.NavigationMode
        };

        EventManager.Current.Publish(navMsg);

        //Anything that the parent needs to be notified should happen in of after this method
        var viewModel = view.ViewModel;
        if (viewModel != null)
            viewModel.Initialise(e.Parameter);
    }

    public void Navigate(Type pageType)
    {
        DisposePreviousView();
        _frame.Navigate(pageType);
    }

    public void Navigate(Type pageType, object parameter)
    {
        DisposePreviousView();
        _frame.Navigate(pageType, parameter);
    }

    private void DisposePreviousView()
    {
        var currentView = this.CurrentView;
        var currentViewDisposable = currentView as IDisposable;
        if (currentViewDisposable != null)
        {
            currentViewDisposable.Dispose();
            currentViewDisposable = null;
        } //view model is disposed in the view implementation
    }

    public void EnsureNavigated(Type pageType, object parameter)
    {
        var currentView = this.CurrentView;
        if (currentView == null || currentView.GetType() != pageType)
        {
            Navigate(pageType, parameter);
        }
    }

    public IView CurrentView
    {
        get { return _frame.Content as IView; }
    }


    public bool CanGoBack
    {
        get { return _frame != null && _frame.CanGoBack; }
    }

    public void GoBack()
    {
        // Use the navigation frame to return to the previous page
        if (_frame != null && _frame.CanGoBack) _frame.GoBack();
    }

    public bool CanGoForward
    {
        get { return _frame != null && _frame.CanGoForward; }
    }

    public void GoForward()
    {
        // Use the navigation frame to return to the previous page
        if (_frame != null && _frame.CanGoForward) _frame.GoForward();
    }

}

IView：

public interface IView : IDisposable
{
    IViewModel ViewModel { get; }
    void Refresh();
}

IViewModel：

public interface IViewModel : INotifyPropertyChanged, IDisposable
{
    void Initialise(object parameter);
    string ViewTitle { get; }
    void Refresh();
}

最后，在XAML页面中定义一个Frame元素：

<Frame x:Name="ContentFrame" />

在页面的代码后台中: (这是我认为唯一丑陋的部分 - 但希望不会太糟糕):

var _navigationService = new NavigationService(this.ContentFrame);

现在可以将_navigationService传递给视图模型。在我的情况下，我是在页面的代码后台中创建视图模型：

public HomePage()
{
    this.InitializeComponent();

    var _navigationService = NavigationService.GetFor(this.ContentFrame);

    DataContext = new HomePageViewModel(_navigationService);

}

希望这能帮到你。

- Krishna

---

+1 - 我喜欢这种方法。对于“丑陋的部分”，您可以使用 DI 容器，这样您就不必在视图的代码后台中将服务传递给视图模型。 - EkoostikMartin

MVVMLight的最新版本有一个SimpleIoc，只需几行代码即可轻松使用。 - Shayne Boyer

Answer 2

最近，Laurent Bugnion本人在MSDN Magazine上发表了一篇关于使用MVVM Light Toolkit和Windows 8的文章。在文章的末尾，他详细解释了如何设置所需的NavigationService。

http://msdn.microsoft.com/en-us/magazine/jj651572.aspx

- GONeale

Answer 3

MVVMLight中的NavigationService已经迁移到一个名为WinRTBehaviors的新包中。您还可以从nuget获取Win8nl中的EventToCommand。请参阅我在此处发布的博客：开始使用MVVM Light for Windows 8，EventToCommand和Behaviors。 http://blog.tattoocoder.com/2012/08/getting-started-w-windows-8-mvvm-light.html。

- Shayne Boyer