如何将视图数据上下文从 C# 重新连接到 XAML？

Question

我已经在 View 的代码中将我的 View 的数据上下文设置为它关联的 ViewModel。但在阅读a question on the MVVM pattern, 后，建议将此粘合代码移动到视图的 XAML 标记上。

谷歌搜索向我展示了在 XAML 中设置以下上下文的示例，by setting a namespace to the VM and setting data context.

虽然在我的例子中，MainViewModel 采用 CustomerRepository 实例的 参数，但我不确定如何在 XAML 中设置，基于前面的示例。

有谁知道如何将数据上下文移动到视图的 XAML 中？

这就是我目前在 C# 中设置视图代码的方式：

    public partial class MainView : Window
    {
        private MainViewModel ViewModel { get; set; }

        public MainView()
        {
            InitializeComponent();
            ViewModel = new MainViewModel(CustomerRepository.Instance);
            this.DataContext = ViewModel;

        }

    }

Answer 1

您可以像这样在您的 xaml 中实例化您的视图模型：

<Window x:Class="MyWindow"
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
            Title="Test" 
            xmlns:viewModel="clr-namespace:ViewModels"> 
        <Window.DataContext>
            <viewModel:ExampleViewModel/>
        </Window.DataContext>
</Window>

您解释说您的视图模型构造函数有一个用于您的存储库的参数。你需要这个构造函数来进行单元测试吗？

通常您可以在视图模型的无参数构造函数中新建存储库实例。

public class MainViewModel : ObservableObject, INotifyPropertyChanged
{

    private static CustomerRepository _customerRepository;

    // existing constructor
    public MainViewModel(CustomerRepository customerRepository)
    {
        _customerRepository = customerRepository;
    }

    // new parameterless constructor
    public MainViewModel(CustomerRepository customerRepository)
    {
        if (DesignerProperties.GetIsInDesignMode(this))
        {
            _customerRepository = new CustomerRepository();         
        }
    }
}

检查是否处于设计模式

在 xaml 中创建视图模型时还需要考虑一件事：在设计时打开视图时调用视图模型构造函数。 因此，您需要将在设计时没有任何意义的构造函数中的任何代码包装成“仅在不在设计时”的条件下。 如果您不这样做，您的视图将在设计器中打开并显示错误。

此回复中对此进行了解释：Check if in design mode