MvvmCross for WPF 支持子窗体显示、关闭、传参

最近在做 PCL（Portable Class Library）平台的项目，所以发一下自己遇到的问题

MvvmCross 是 PCL 平台的一个 MVVM 框架

地址：https://github.com/MvvmCross/MvvmCross

支持的平台：

• Silverlight for WP7, WP8
• Mono for Android (or Xamarin.Android)
• MonoTouch for iOS (or Xamarin.iOS)
• the WinRT XAML framework for Windows 8 Store apps.
• WPF
• Mono for Mac (or Xamarin.Mac)

 

在使用过程中首先遇到了弹出子窗体的问题，需要写一个类继承 MvxWpfViewPresenter

显示子窗体时重写 Present 方法

参考了一个列子：https://gist.github.com/cureos/6053471  ,还有朋友尚仔的大力帮助

关闭子窗体时， 再重写 ChangePresentation 方法就可以了

在WPF项目中加入下边代码就可以了

代码如下：

public class MvxWindowViewPresenter : MvxWpfViewPresenter
     {
         private readonly ContentControl _contentControl;
 
         private FrameworkElement _frameworkElement;
         public MvxWindowViewPresenter(ContentControl contentControl)
         {
             _contentControl = contentControl;
         }
 
         public override void Present(FrameworkElement frameworkElement)
         {
             _frameworkElement = frameworkElement;
             var window = frameworkElement as Window;
             if (window == null)
             {
                 _contentControl.Content = frameworkElement;
             }
             else
             {
                 window.Owner = _contentControl as Window;
                 window.ShowDialog();
             }
         }
 
         public override void ChangePresentation(MvxPresentationHint hint)
         {
             IMvxWpfView view;
             var closeHint = hint as MvxClosePresentationHint;
             if (closeHint != null
                 && (view = _frameworkElement as IMvxWpfView) != null
                 && ReferenceEquals(closeHint.ViewModelToClose, view.ViewModel))
             {
                 (_frameworkElement as Window).Close();
             }
 
             base.ChangePresentation(hint);
         }
     }

写一个子窗体继承自 IMvxWpfView ，因为会监测这个接口

public class SubWindow: IMvxWpfView
    {
        private IMvxViewModel _viewModel;

        public IMvxViewModel ViewModel
        {
            get { return _viewModel; }
            set
            {
                _viewModel = value;
                DataContext = value;
            }
        }

        private int myVar;

        public int MyProperty
        {
            get { return myVar; }
            set { myVar = value; }
        }
        
    }

显示子窗体：

ShowViewModel<SubViewModel>();

（SubViewModel为要显示的子窗体的ViewModel）

关闭子窗体：

Close(this);

当需要传参时，分为2种

一、从MainViewModel   to  SubViewModel

ShowViewModel<SubViewModel>(new { id= Id});

id 为子窗体中接受参数的名称

Id 为主窗体中要传递的参数的名称

同时子窗体中要写一个接收参数的方法

public void Init(int Id)
  {
        Id= id;
  }

这样就把参数从MainViewModel 传到了 SubViewModel

二、从SubViewModel   to  MainViewModel

这时就需要用到 MvvmCross 框架支持的插件 Plugins 中的 Messager

首先在 Core 项目中的 App.cs 中重写一个方法，把插件注册进来

public override void LoadPlugins(IMvxPluginManager pluginManager)
         {
             base.LoadPlugins(pluginManager);
 
             if (pluginManager == null)
             {
                 return;
             }
 
             pluginManager.EnsurePluginLoaded<PluginLoader>();
         }

其次写一个 Message 继承 MvxMessage

public class XXXMessage : MvxMessage
     {
         public XXXMessage(object sender, int id)
             : base(sender)
         {
             Id= id;
         }
 
         public int Id{ get; private set; }
     }

再在 MainViewModel 中声明一个字段，并在构造中实例化Messager

private readonly MvxSubscriptionToken _token;
 
         public MainViewModel()
         {
             var messenger = Mvx.Resolve<IMvxMessenger>();
             _token = messenger.Subscribe<XXXMessage>(OnXXXMessage);
         }
 
         private void OnXXXMessage(XXXMessage XXXMessage)
         {
             if (XXXMessage == null)
             {
                 return;
             }
             // TODO
         }

最后在 SubViewModel 中需要回传参数的地方把参数传回来

var messenger = Mvx.Resolve<IMvxMessenger>();            
messenger.Publish<XXXMessage>(new XXXMessagethis, id));

如此就可以在MvvmCross 中就可以显示子窗体、关闭子窗体、ViewModel 之间互相传参

Tips：据说 Service 和 Settings  也可以回传参数，有做出来的欢迎发来分享！