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  也可以回傳參數，有做出來的歡迎發來分享！