wpf - 为什么这在 mvvm 模式中是正确的，而 messageBox 不是？我看不出区别(MVVM Light)

Question

我找到了一个使用 MVVM Light 向用户显示消息的小例子。我猜它如何使用 MVVM Light 是因为它尊重 MVVM 模式。

后面的 View 代码:

namespace DialogosPruebas
{
    /// <summary>
    /// Lógica de interacción para MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();

            Messenger.Default.Register<DialogMessage>(
                this,
                msg =>
                {
                    var result = MessageBox.Show(
                        msg.Content,
                        msg.Caption,
                        msg.Button);

                    // Send callback
                    msg.ProcessCallback(result);
                });
        }
    }
}

和 ViewModel是:

using System;
using System.Windows;
using GalaSoft.MvvmLight;
using GalaSoft.MvvmLight.Command;
using GalaSoft.MvvmLight.Messaging;

namespace DialogosPruebas.ViewModel
{
    /// <summary>
    /// This class contains properties that the main View can data bind to.
    /// <para>
    /// Use the <strong>mvvminpc</strong> snippet to add bindable properties to this ViewModel.
    /// </para>
    /// <para>
    /// You can also use Blend to data bind with the tool's support.
    /// </para>
    /// <para>
    /// See http://www.galasoft.ch/mvvm
    /// </para>
    /// </summary>
    public class MainViewModel : ViewModelBase
    {
        private const string Login = "abcd1234";

        public RelayCommand<string> CheckLoginCommand
        {
            get;
            private set;
        }

        /// <summary>
        /// The <see cref="Message" /> property's name.
        /// </summary>
        public const string MessagePropertyName = "Message";

        private string _message = "Login";

        /// <summary>
        /// Gets the Message property.
        /// Changes to that property's value raise the PropertyChanged event. 
        /// </summary>
        public string Message
        {
            get
            {
                return _message;
            }
            set
            {
                if (_message == value)
                {
                    return;
                }    
                _message = value;
                RaisePropertyChanged(MessagePropertyName);
            }
        }

        /// <summary>
        /// Initializes a new instance of the MainViewModel class.
        /// </summary>
        public MainViewModel()
        {
            CheckLoginCommand = new RelayCommand<string>(CheckLogin);
        }

        private void CheckLogin(string text)
        {
            if (text == Login)
            {
                var message = new DialogMessage("Login confirmed, do you want to continue", DialogMessageCallback)
                {
                    Button = MessageBoxButton.OKCancel,
                    Caption = "Continue?"
                };
                Messenger.Default.Send(message);
            }
        }

        private void DialogMessageCallback(MessageBoxResult result)
        {
            if (result == MessageBoxResult.OK)
            {
                Message = "Continue";
            }
            else
            {
                Message = "Stop";
            }
        }
    }
}

AXML:

<Window x:Class="DialogosPruebas.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
        xmlns:cmd="clr-namespace:GalaSoft.MvvmLight.Command;assembly=GalaSoft.MvvmLight.Extras.WPF4"
        Title="MainWindow" Height="350" Width="525">


    <Window.DataContext>
        <Binding Path="Main" Source="{StaticResource Locator}"/>
    </Window.DataContext>

    <Grid>
    <StackPanel x:Name="LayoutRoot" Background="Black">
        <TextBlock FontSize="36"
            FontWeight="Bold"
            Foreground="Purple"
            Text="{Binding Message}"
            VerticalAlignment="Center"
            HorizontalAlignment="Center"
            TextWrapping="Wrap" Margin="0,10" />

        <TextBox x:Name="LoginTextBox" TextWrapping="Wrap" Margin="10,0" FontSize="21.333" Text="Enter login">
            <i:Interaction.Triggers>
                <i:EventTrigger EventName="KeyUp">
                    <cmd:EventToCommand Command="{Binding CheckLoginCommand, Mode=OneWay}" CommandParameter="{Binding Text, ElementName=LoginTextBox}"/>
                </i:EventTrigger>
            </i:Interaction.Triggers>
        </TextBox>

        <TextBlock TextWrapping="Wrap" Text="(Enter abcd1234 to trigger the message)" HorizontalAlignment="Center" Margin="0,10,0,0" FontSize="16" Foreground="White"/>

    </StackPanel>
    </Grid>
</Window>

好吧，我的疑问是，在我们使用的 View 背后的代码中 MessageBox和 ViewModel有这个代码:

var message = new DialogMessage("Login confirmed, do you want to continue", DialogMessageCallback)
                {
                    Button = MessageBoxButton.OKCancel,
                    Caption = "Continue?"
                };

                Messenger.Default.Send(message);

这会向 View 发送一个请求到后面的代码，然后使用 MessageBox .

为什么这比使用 MessageBox 的解决方案更好在 ViewModel直接，像这样:

private void CheckLogin(string text)
        {
            if (text == Login)
            {
                MessageBox.Show("Login correct");
            }
        }

?

有什么不同？在这两种情况下，我都使用 MessageBox我必须等待用户的回应。

我已经阅读了使用 MessageBox在 viewModel不是一个好主意，但我不明白在这种情况下有什么区别。

Answer 1

我认为这种方法可能是可取的有两个原因:

1 - 您的 ViewModel 需要进行单元测试。

引发模态对话框，例如 MessageBox导致单元测试中的各种问题。解耦Messenger方法是安全的，因为在单元测试中，要么没有人在听消息，要么有一个模拟的监听器，它只为所有面向用户的提示返回"is"。

2 - 您的 ViewModel 应该在其他平台上重复使用。

如果您仅针对 Windows (WPF)，请不要太担心。

导致与 UI 完全分离的主要问题是您是否会在其他平台上重用您的 ViewModel。

例如，没有 MessageBox.Show()因此，在 Android 中，如果您打算重用 ViewModel 的“应用程序逻辑”，则需要将该代码抽象化并在每种情况下提供特定于平台的代码。

如果这些对您来说都不重要，那么 IMO 在您的 ViewModel 中提升 MessageBoxes 以及其他特定于 View 的问题(例如窗口关闭)完全没问题，鉴于 MVVM 所需的抽象，这些问题可能过于复杂，没有任何好处.