MVVMLight 实现指定Frame控件的导航

在UWP开发中，利用汉堡菜单实现导航是常见的方法。汉堡菜单导航一般都需要新建一个Frame控件，并对其进行导航，但是在MvvmLight框架默认的NavigationService中，只能对根Frame进行导航，这就需要我们实现自己的NavigationService了。

MvvmLight源码简析

• GalaSoft.MvvmLight.Views命名空间下的NavigationService继承了同命名空间下的INavigationService接口但是并没有实现。

namespace GalaSoft.MvvmLight.Views
{
     public class NavigationService : INavigationService
     {
         public const string RootPageKey = "-- ROOT --";
         public const string UnknownPageKey = "-- UNKNOWN --";
         public NavigationService();
         public string CurrentPageKey { get; }
         public void Configure(string key, Type pageType);
         public void GoBack();
         public void NavigateTo(string pageKey);
         public virtual void NavigateTo(string pageKey, object parameter);
     }
}

• 具体的功能实现是在GalaSoft.MvvmLight.Platform命名空间下的NavigationService中，根据平台的不同有不同的实现。
• 我们要做的就是自己实现INavigationService并自己定义导航的Frame控件

实现自己的NavigationService

很奇怪，官方公布源码的那个网站上没有找到Win10平台的Platform源码,所以我就把Win8.1的NavigationService实现复制下来，经测试能正常用。

• 在public virtual void NavigateTo(string pageKey, object parameter)方法下，我们可以看到这样一行代码：
  var frame = ((Frame)Window.Current.Content);

  这个语句就定义了用来导航的Frame控件（不止这个方法中有，另外2个方法中也有类似的语句）。

• 我们把这几个地方的frame变量值设置成自己的Frame控件就可以了。

• 我的修改方法：

  • 我的Frame控件是放在MainPage中的，主要是为了实现汉堡菜单导航，我想大部分有这种需求的人都是为了实现类似的导航吧。

    1. 首先在MainPage.xaml.cs里面加入一个MainPage类型的静态Public变量
    2. 然后再构造函数中给变量赋值为this

    3. 还要给自己的Frame控件写一个属性来获取它

       public static MainPage MPage;   // 1.
       
       public Frame MyFrame            // 3.
       {
           get
           {
               return ContentFrame;    //ContentFrame是xaml中定义的Frame控件的名字
           }
       }
       
       public MainPage()
       {
           InitializeComponent();
       
           SystemNavigationManager.GetForCurrentView().BackRequested += SystemNavigationManagerBackRequested;
       
           Loaded += (s, e) =>
           {
               Vm.RunClock();
           };
       
           MPage = this;               // 2.
       }

    4. 然后就可以在自己的NavigationService里面使用自己的Frame了。