处理 ViewModel 中的 OnNavieratedFrom / OnNavieratedTo 事件

Question

我试图找出一种方法，让我的 ViewModel 在从或到导航页面时处理保存或恢复页面状态。

我尝试的第一件事是将 EventToCommand 行为添加到页面，但事件（OnNavieratedFrom 和 OnNavigedTo）被声明为受保护，并且 EventToCommand 看不到要绑定的事件。

接下来我想我会尝试使用 Messenger 类使用 View 的代码隐藏中的代码将消息传递给 ViewModel：

protected override void OnNavigatedFrom(System.Windows.Navigation.NavigationEventArgs e)
{
    Messenger.Default.Send<PhoneApplicationPage>(this);
    base.OnNavigatedFrom(e);
}

protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
{
    Messenger.Default.Send<PhoneApplicationPage>(this); 
    base.OnNavigatedTo(e);
}

但这似乎有两个问题，首先是将此代码放在代码隐藏页面中。其次，如果不必为 PhoneApplicationPage 对象创建一组包装器类，ViewModel 就无法区分 OnNavieratedFrom 和 OnNavieratedTo 事件（请参阅下面的更新）。

处理这些事件对 MVVM-Light 最友好的方式是什么？

更新： 我能够通过像这样发送消息

protected override void OnNavigatedFrom(System.Windows.Navigation.NavigationEventArgs e)
{
    Messenger.Default.Send<PhoneApplicationPage>(this,"NavigatedFrom");
    base.OnNavigatedFrom(e);
}

protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
{
    Messenger.Default.Send<PhoneApplicationPage>(this, "NavigatedTo"); 
    base.OnNavigatedTo(e);
}

并像这样注册它们来解决第二个问题：

Messenger.Default.Register<PhoneApplicationPage>(this, "NavigatedFrom", false, (action) => SaveState(action));
Messenger.Default.Register<PhoneApplicationPage>(this, "NavigatedTo", false, (action) => RestoreState(action));

Answer 1

从代码后面执行命令比遍历整个消息传递要干净得多。毕竟，视图了解其 DataContext 并没有什么问题。

    protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)
    {
        base.OnNavigatedTo(e);
        viewModel.NavigatedToCommand.Execute(e.Uri);
    }

    ProfileViewModel viewModel
    {
        get
        {
            return this.DataContext as ProfileViewModel;
        }
    }

更新：传入NavigationContext.QueryString可能更有用，因为它已经解析出参数和值。

Answer 2

抱歉，这个问题迟到了三年。是的，我仍在使用 Silverlight。好的，我想将其写在 Page 代码隐藏中，如下所示：

// Executes when the user navigates to this page.
protected override void OnNavigatedTo(NavigationEventArgs e)
{
    this.HandleOnNavigatedTo(e);
}

我正在使用如下扩展方法：

public static void HandleOnNavigatedTo(this Page page, NavigationEventArgs e)
{
    var vm = page.DataContext as IPageNavigationViewModel;
    if (vm == null) return;
    vm.HandleOnNavigatedTo(e);
}

扩展方法意味着 Page 必须具有一个视图模型在DataContext 中实现IPageNavigationViewModel。对我来说，这是一种关注点分离的妥协，其中页面仅了解域中最通用的数据类型。这是界面：

using System.Windows.Navigation;

namespace Fox.Silverlight.ViewModels
{
    /// <summary>
    /// Defines View Model members for frame-navigation pages.
    /// </summary>
    public interface IPageNavigationViewModel
    {
        /// <summary>
        /// Handles the <see cref="Page.OnNavigatedTo"/> method in the View Model.
        /// </summary>
        /// <param name="e">The <see cref="NavigationEventArgs"/> instance containing the event data.</param>
        void HandleOnNavigatedTo(NavigationEventArgs e);

        /// <summary>
        /// Handles the <see cref="Page.OnNavigatedFrom"/> method in the View Model.
        /// </summary>
        /// <param name="e">The <see cref="NavigationEventArgs"/> instance containing the event data.</param>
        void HandleOnNavigatedFrom(NavigationEventArgs e);
    }
}

Answer 3

看来您已经找到了解决问题的方法。我还建议执行以下操作：

查看使用 mvvm-toolkit 中提供的消息值之一，例如：

    NotificationMessage<T>

像这样：

    Messenger.Default.Send<NotificationMessage<PhoneApplicationPage>>(
new NotificationMessage<PhoneApplicationPage>(this, "Message"));

Answer 4

我认为 Ryan 的意思是，您使用 PhoneApplicationPage 作为正在发送的消息，而不是实际的消息。

您正在执行以下操作：

Messenger.Default.Send<PhoneApplicationPage>(this);

发送一条 PhoneApplicationPage 类型的消息。您可能不需要将整个 PhoneApplicationPage 作为消息发送。

您可以为 NavigatingTo / NavigatingFrom 创建一些消息，即。

Messenger.Default.Send<NavigatingToMessage>(new NavigatingToMessage());

我确信有一百万种更好的方法可以做到这一点

，我只是按照你的设置方式进行。就我个人而言，我的 ViewModelBase 类具有 NavigatingTo/NavigatingFrom 方法，我重写视图中的相应方法并将它们发送到我的 ViewModel。

Answer 5

我使用问题中的更新答案制作了一个示例：

MainViewModel.xaml.cs：

public class MainViewModel : ViewModelBase
{
    public MainViewModel()
    {
        Messenger.Default.Register<PhoneApplicationPage>(this, "NavigatedTo", false, ExecuteNavigatedTo);
    }

    // action contains everything you want.
    private void ExecuteNavigatedTo(Page page)
    {
        // example
        bool b = page.NavigationContext.QueryString.ContainsKey("id");
    }
}

MainViewModel.xaml.cs：

protected override void OnNavigatedTo(NavigationEventArgs e)
{
    Messenger.Default.Send<PhoneApplicationPage>(this, "NavigatedTo");
    base.OnNavigatedTo(e);
}