命令绑定到 ViewModel，并在 View 中使用确认逻辑

寻找最优雅的解决方案将按钮命令绑定到 ViewModel ICommand 属性，同时允许在视图中进行确认。

我想做的事：

1. 仅允许用户在应该时单击按钮
2. 单击按钮时，要求确认
3. 如果确认，则在 ViewModel 中进行工作，否则取消
4. 不要破坏MVVM架构

可以通过显示 ViewModel 中的消息框来满足确认要求。但是，我不认为这是正确的方法。这不会破坏MVVM吗？如果 CanExecute 依赖于 UI（代码隐藏）和 ViewModel 的状态怎么办？另外，当从 ViewModel 弹出消息框时，可测试性怎么样？

我尝试的另一件事是将 OnClick （到 View）和 Command （到 ViewModel）绑定。虽然Event总是在Command之前执行，但是似乎没有办法取消命令的执行。此外，执行顺序似乎是一个未记录的功能，因此您不应该依赖它。除此之外，它仍然不允许 CanExecute 考虑视图逻辑。

接下来我想出了以下解决方案：

视图 (XAML)

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    DataContext="{Binding RelativeSource={RelativeSource Self}}">
    <Grid>
        <Button Content="Do Work" Command="{Binding Path=ViewModel.SaveCommand}"/>
    </Grid>
    <SelectTemplateUserControl Visibility="Collapsed" OnTemplateSelected="SelectTemplate_OnTemplateSelected"/>
</Window>

视图（代码隐藏）

public partial class MainWindow : Window
{
    private readonly MainViewModel _viewModel = new MainViewModel();

    public MainWindow()
    {
        InitializeComponent();
    }

    public MainViewModel ViewModel { get { return this._viewModel; } }    

    public ICommand SaveCommand { get { return new RelayCommand<int>(this.Save,                                 this.CanSave);} }

    private bool CanSave(int templateId)
    {
        return this._viewModel.SaveCommand.CanExecute(null);
    }

    private void Save(int templateId)
    {
        var messageBoxResult = MessageBox.Show("Do you want to overwrite?",               "Overwrite?", MessageBoxButton.OKCancel);

        if (messageBoxResult == MessageBoxResult.Cancel)
            return;

        // Call method to hide main Grid and set SelectTemplateUserControl to visible..
    }

    private void SelectTemplate_OnTemplateSelected(object sender, int templateId)
    {
        this._viewModel.SaveCommand.Execute(templateId);
    }
}

视图模型

public class MainViewModel : ViewModelBase
{
    public ICommand SaveCommand { get { return new RelayCommand<int>(this.Save,              this.CanSave); } }

    private bool CanSave(int templateId)
    {
        // Can Save Logic, returning a bool
    }

    private void Save(int templateId)
    {
        // Save Logic....
    }
}

我认为它很好地遵循了 MVVM 模式，并且还实现了单一职责。但这是最好的方法吗？还有其他的可能性吗？

可以通过显示 ViewModel 中的消息框来满足确认要求。但是，我不认为这是正确的方法。这不会破坏MVVM吗？

在使用“MessageBox”等与视图相关的依赖项时保留 MVVM 样式的一种方法是将它们封装并注入到视图模型中。因此，您可以通过请求一个来表达依赖性IDialogService在构造函数中：

public class MainViewModel : ViewModelBase
{
    private readonly IDialogService _dialog;

    public MainViewModel(IDialogService dialog)
    {
        _dialog = dialog;
    }
}

然后你从视图中传递实现：

private readonly MainViewModel _viewModel = new MainViewModel(new DialogService());

该界面封装了您需要的任何功能，例如“警报”、“确认”等。

public interface IDialogService
{
    bool Confirm(string message, string caption = "Confirm");
}

并使用它来实现它MessageBox，或任何其他方法（并切换单元测试的虚拟实现）：

public class DialogService : IDialogService
{
    public bool Confirm(string message, string caption)
    {
        return MessageBox.Show(message, caption, MessageBoxButton.OKCancel) == MessageBoxResult.OK;
    }
}

这样您就可以将所有确认逻辑从视图移动到视图模型，其中“保存”方法将如下所示：

private void Save()
{
    if (!_dialog.Confirm("Do you want to overwrite?", "Overwrite?"))
        return;

    this.SaveCommand.Execute(null);
}

如果 CanExecute 依赖于 UI（代码隐藏）和 ViewModel 的状态怎么办？

如果您担心测试，那么没有什么CanExecute取决于应该在代码隐藏中——您应该将类​​似的内容移动到视图模型中。