利刃 MVVMLight 9：Messenger

      MVVM的目標之一就是為了解耦View和ViewModel。View負責視圖展示，ViewModel負責業務邏輯處理，盡量保證 View.xaml.cs中的簡潔，不包含復雜的業務邏輯代碼。

但是在實際情況中是View和ViewModel之間的交互方式還是比較復雜的，View和ViewModel的分離並不是界定的那么清晰。

比如以下兩種場景：

      1、如果需要某張視圖頁面彈出對話框、彈出子窗體、處理界面元素，播放動畫等。如果這些操作都放在ViewModel中，就會導致ViewModel還是要去處理View級別的元素，造成View和ViewModel的依賴。

最好的辦法就是ViewModel通知View應該做什么，而View監聽接收到命令，並去處理這些界面需要處理的事情。

      2、ViewModel和ViewModel之間也需要通過消息傳遞來完成一些交互。 

      而MVVM Light  的 Messenger類，提供了解決了上述兩個問題的能力:

Messenger類用於應用程序的通信，接受者只能接受注冊的消息類型，另外目標類型可以被指定，用Send<TMessage, TTarget>(TMessage message) 實現，

在這種情況下信息只能被傳遞如果接受者類型和目標參數類型匹配，message可以是任何簡單或者復雜的對象，你可以用特定的消息類型或者創建你自己的類型繼承自他們。

Messager類的主要交互模式就是信息接受和發送（可以理解為“發布消息服務”和“訂閱消息服務”），是不是想到觀察者模式了，哈哈哈。

MVVM Light Messenger 旨在通過簡單的設計模式來精簡此場景：任何對象都可以是接收端；任何對象都可以是發送端；任何對象都可以是消息。

如圖： 

 

 

 

1、View和ViewModel之間的消息交互

在View和ViewModel中進行消息器注冊，相當於訂閱服務。包含消息標志、消息參數和消息執行方法。如下：

消息標志token：ViewAlert，用於標識只閱讀某個或者某些Sender發送的消息，並執行相應的處理，所以Sender那邊的token要保持一致

執行方法Action：ShowReceiveInfo，用來執行接收到消息后的后續工作，注意這邊是支持泛型能力的，所以傳遞參數很方便。

View.xaml.cs 代碼如下：

  public partial class NessagerForView : Window
    {
        public NessagerForView()
        {
            InitializeComponent();

            //消息標志token：ViewAlert，用於標識只閱讀某個或者某些Sender發送的消息，並執行相應的處理，所以Sender那邊的token要保持一致
            //執行方法Action：ShowReceiveInfo，用來執行接收到消息后的后續工作，注意這邊是支持泛型能力的，所以傳遞參數很方便。
            Messenger.Default.Register<String>(this, "ViewAlert", ShowReceiveInfo);
            this.DataContext = new MessengerRegisterForVViewModel();
            //卸載當前(this)對象注冊的所有MVVMLight消息
            this.Unloaded += (sender, e) => Messenger.Default.Unregister(this);
        }

        /// <summary>
        /// 接收到消息后的后續工作：根據返回來的信息彈出消息框
        /// </summary>
        /// <param name="msg"></param>
        private void ShowReceiveInfo(String msg)
        {
            MessageBox.Show(msg);
        }
    }

 ViewModel代碼：

 public class MessengerRegisterForVViewModel:ViewModelBase
    {

        public MessengerRegisterForVViewModel()
        {
          
        }

        #region 命令

        private RelayCommand sendCommand;
        /// <summary>
        /// 發送命令
        /// </summary>
        public RelayCommand SendCommand
        {
            get
            {
                if (sendCommand == null)
                    sendCommand = new RelayCommand(() => ExcuteSendCommand());
                return sendCommand;

            }
            set { sendCommand = value; }
        }

        private void ExcuteSendCommand()
        {
            Messenger.Default.Send<String>("ViewModel通知View彈出消息框", "ViewAlert"); //注意：token參數一致
        }

        #endregion
    }

  結果：

 

2、ViewModel和ViewModel之間的消息交互，ViewModel和ViewModel在很多種場景下也需要通過消息傳遞來完成一些交互。

比如我打開了兩個視圖，一個視圖是用戶信息列表，一個視圖是用戶信息添加頁面，如果想要達到添加信息之后，用戶信息列表視圖實時刷新，用消息通知無疑是一個很棒的體驗。

我們來模擬一下：

MessengerRegisterViewModel代碼：

  public class MessengerRegisterViewModel:ViewModelBase
    {
        public MessengerRegisterViewModel()
        {
            ///Messenger：信使
            ///Recipient：收件人
            Messenger.Default.Register<String>(this,"Message",ShowReceiveInfo);
        }


        #region 屬性

        private String receiveInfo;
        /// <summary>
        /// 接收到信使傳遞過來的值
        /// </summary>
        public String ReceiveInfo
        {
            get { return receiveInfo; }
            set { receiveInfo = value; RaisePropertyChanged(()=>ReceiveInfo); }
        }

        #endregion


        #region 啟動新窗口

        private RelayCommand showSenderWindow;

        public RelayCommand ShowSenderWindow
        {
            get {
                if (showSenderWindow == null)
                    showSenderWindow = new RelayCommand(()=>ExcuteShowSenderWindow());
                return showSenderWindow; 
            
            }
            set { showSenderWindow = value; }
        }

        private void ExcuteShowSenderWindow()
        {
            MessengerSenderView sender = new MessengerSenderView();
            sender.Show();
        }

        #endregion 
        

        #region 輔助函數
        /// <summary>
        /// 顯示收件的信息
        /// </summary>
        /// <param name="msg"></param>
        private void ShowReceiveInfo(String msg)
        {
            ReceiveInfo += msg+"\n";
        }
        #endregion
    }

 

 MessengerSenderViewModel代碼：

 public class MessengerSenderViewModel:ViewModelBase
    {
        public MessengerSenderViewModel()
        {

        }

        #region 屬性
        private String sendInfo;
        /// <summary>
        /// 發送消息
        /// </summary>
        public String SendInfo
        {
            get { return sendInfo; }
            set { sendInfo = value; RaisePropertyChanged(()=>SendInfo); }
        }

        #endregion
        
        #region 命令

        private RelayCommand sendCommand;
        /// <summary>
        /// 發送命令
        /// </summary>
        public RelayCommand SendCommand
        {
            get
            {
                if (sendCommand == null)
                    sendCommand = new RelayCommand(() => ExcuteSendCommand());
                return sendCommand;

            }
            set { sendCommand = value; }
        }

        private void ExcuteSendCommand()
        {
            Messenger.Default.Send<String>(SendInfo, "Message");
        }

        #endregion
    }

 

 結果如下：

 

下載示例代碼

轉載請注明出處，謝謝