[2011.12.03] MVVM 模式开发Windows Phone程序处理页面导航

我们知道MVVM模式是SL和WP开发一种很重要的模式。

其宗旨是将View和Model分离。可是，这之间还是有少量的问题。比如说我们有时候还是需要一些界面的反馈等等。

一，页面导航事件

首先我们来谈谈页面导航事件。

WP里面页面导航事件的触发用得比较多的是OnNavigatedTo和OnNavigatedFrom。

这两个属于Page类的一个可重载函数。PhoneApplicationPage是继承的Page所以可以重写这两个函数。

如果不是采用MVVM模式的话，我们可以很容易的在这两个方法里面写一些例如处理QueryString的代码。

但是采用MVVM之后，VM里面没发获取导航事件的触发，也没法获取QueryString了。

很多朋友愿意用Messenger或Event之类的机制来处理这个问题，可是我个人还是比较喜欢直观的函数调用的形式。

那么我们怎么在ViewModel里面接收到页面导航的事件呢。

首先，我们建立几个辅助的类别。

一个标志接口：INavigationBase，只是用来继承的。

两个派生接口：

public interface INavigatedViewModel : INavigationBase
{
void OnNavigatedTo(NavigationEventArgs e);
void OnNavigatedFrom(NavigationEventArgs e);
}

public interface INavigatingViewModel : INavigationBase
{
void OnNavigatingFrom(NavigatingCancelEventArgs e);
}

一个用来Hook两个OnNavigated，另一个用来Hook OnNavigatingFrom。

建立一个NavigationController类。在RootFrame新建时将其初始化即可。

初始化时候最好做成Singleton形式。我自己是做成静态属性放在ViewModelLocator里面初始化的。

public class ViewModelLocator
{
private static NavigationController _navController;

public static void Init(PhoneApplicationFrame frame)
{
_navController = new NavigationController(frame);
}
}

public App()
{
// Global handler for uncaught exceptions.
// Note that exceptions thrown by ApplicationBarItem.Click will not get caught here.
UnhandledException += Application_UnhandledException;

// Standard Silverlight initialization
InitializeComponent();

// Phone-specific initialization
InitializePhoneApplication();

ViewModelLocator.Init(RootFrame);
}

NavigationController类部分代码如下：

private INavigationBase _currentVM;
public NavigationController(PhoneApplicationFrame frame)
{
frame.Navigated += onRootFrameNavigated;
frame.Navigating += onRootFrameNavigating;
frame.NavigationFailed += onRootFrameNavigationFailed;
frame.NavigationStopped += onRootFrameNavigationStopped;
}

private void onRootFrameNavigated(object sender, NavigationEventArgs e)
{
if (_currentVM != null)
{
if (_currentVM is INavigatedViewModel)
{
(_currentVM as INavigatedViewModel).OnNavigatedFrom(e);
}
_currentVM = null;
}

var page = e.Content as PhoneApplicationPage;
if (page != null && page.DataContext is INavigationBase)
{
_currentVM = page.DataContext as INavigationBase;

if (_currentVM is INavigatedViewModel)
{
(_currentVM as INavigatedViewModel).OnNavigatedTo(e);
}
}
}

private void onRootFrameNavigating(object sender, NavigatingCancelEventArgs e)
{
if (_currentVM is INavigatingViewModel)
{
(_currentVM as INavigatingViewModel).OnNavigatingFrom(e);
}
}

这样如果你需要你某个ViewModel接收到页面导航信息，只需将其实现相应的接口即可。例如：

public class PictureVM : ViewModelBase, INavigatedViewModel
{

public void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
{

}

public void OnNavigatedFrom(System.Windows.Navigation.NavigationEventArgs e)
{

}
}

当页面导航发生时，NavigationController会判断当前页面和被导航页面是否需要触发相应的函数。

问题就这样丑陋的解决了。另外，这样VM中相应事件的触发会先于View里面哦，各位看官注意了~