MVVM 和导航服务

Question

实现任何模式的众多好处之一是在应用程序的不同层之间分离关注点。对于 Silverlight 和 MVVM，我认为 NavigationService 属于 UI。

如果 NavigationService 属于 UI，那么它应该在后面的 XAML 代码中使用，但命令发生在 ViewModel 上。我应该在 ViewModel 中的命令上引发事件并让视图处理该事件并调用导航吗？如果我所做的只是导航到另一个页面，这听起来有点荒谬。我不应该直接处理 UI 事件并从那里导航吗？

查看控制事件-> ViewModel 命令 ->引发事件 ->看法 已处理事件 ->导航

或

查看控制事件->查看已处理的事件 ->导航

Answer 1

对于此问题，有两种已记录的方法

1. 使用 MVVM Light 的消息传递功能实现导航

   这种方法由 Jesse Liberty 在 第 3 部分 他的 MVVM清淡汤加坚果系列。他的方法是从命令向视图发送一条消息，指示应该进行导航操作。

2. 实现处理导航的 ViewService

   这种方法是 Laurent Bugnion 的回应到杰​​西的帖子。这实现了一个处理由视图模型触发的所有导航操作的服务。

这两种方法仅处理 WP7 应用程序中的导航。然而，它们也可以适应 Silverligt 应用程序。

Jesse 的方法在 SL 中更容易使用，因为它不需要访问根视觉对象。然而，导航代码分布在多个地方，并且需要后台代码来执行实际导航。

Laurent 的方法需要访问根视觉对象 - 用于访问内置导航功能。正如 Laurent 的代码所示，访问此内容在 WP7 应用程序中并不是什么大问题。然而，在 SL 应用中，由于没有周围框架，情况会稍微复杂一些。然而，我已经在我的一个项目中使用附加属性实现了 SL 模式，确实进行了所需的接线 - 因此虽然需要更多工作，但它也可用于 SL。

所以得出结论 - 虽然 Jesse 的方法更容易实现，但我个人更喜欢 Laurent 的方法，因为它是更干净的架构 - 不需要后面的代码，并且功能被封装到单独的组件中，因此位于单个点。

Answer 2

这个问题有点晚了，但它是相关的，并且希望对某人有益。我必须使用 MvvmLight 创建 SL4 应用程序，并希望使用可模拟且可以注入到 ViewModel 中的导航服务包装器。我在这里找到了一个很好的起点：Mix11 中的 Laurent Bugnion 的 SL4 示例代码示例，其中包括导航服务演示：深入了解 MVVM Mix11

这里是实现可与 Silverlight 4 一起使用的可模拟导航服务的基本部分。关键问题是获取对要在自定义 NavigationService 类中使用的主导航框架的引用。

1) 在 MainPage.xaml 中，导航框架被赋予一个唯一的名称，在本例中它将是 ContentFrame：

<navigation:Frame x:Name="ContentFrame" Style="{StaticResource ContentFrameStyle}"
    Source="/Home" Navigated="ContentFrame_Navigated"  
    NavigationFailed="ContentFrame_NavigationFailed">
    <!-- UriMappers here -->
</navigation:Frame>

2) 在 MainPage.xaml.cs 中，导航框架作为属性公开：

public Frame NavigationFrame
{
    get { return ContentFrame; }
}

3) 导航服务类实现 INavigationService 接口，并依赖 MainPage.xaml.cs 的 NavigationFrame 属性来获取参考导航框架：

public interface INavigationService
{
    event NavigatingCancelEventHandler Navigating;
    void NavigateTo(Uri uri);
    void GoBack();
}

public class NavigationService : INavigationService
{
    private Frame _mainFrame;
    public event NavigatingCancelEventHandler Navigating;
    public void NavigateTo(Uri pageUri)
    {
        if (EnsureMainFrame())
            _mainFrame.Navigate(pageUri);
    }
    public void GoBack()
    {
        if (EnsureMainFrame() && _mainFrame.CanGoBack)
            _mainFrame.GoBack();
    }
    private bool EnsureMainFrame()
    {
        if (_mainFrame != null)
            return true;
        var mainPage = (Application.Current.RootVisual as MainPage);
        if (mainPage != null)
        {
            // **** Here is the reference to the navigation frame exposed earlier in steps 1,2 
            _mainFrame = mainPage.NavigationFrame;
            if (_mainFrame != null)
            {
                // Could be null if the app runs inside a design tool
                _mainFrame.Navigating += (s, e) =>
                {
                    if (Navigating != null)
                    {
                        Navigating(s, e);
                    }
                };
                return true;
            }
        }
        return false;
    }
}