WPF MVVM场景下如何将View绑定到ViewModel并传递数据？

刚接触MVVM确实容易在View和ViewModel的绑定环节卡壳，其实核心逻辑很简单：让View的DataContext指向对应的ViewModel实例，这样View就能通过绑定获取ViewModel里的属性、调用命令了。下面给你讲几种常用的实现方式，从简单到进阶都有：

方法1：在XAML中直接设置DataContext（新手友好） #

这是最直观的方式，直接在View的XAML里声明ViewModel的实例并赋值给DataContext：

<Window x:Class="YourProjectNamespace.FahrgemeinschaftenView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        <!-- 第一步：引入ViewModel所在的命名空间 -->
        xmlns:vm="clr-namespace:YourProjectNamespace.ViewModels"
        Title="Fahrgemeinschaften">

    <!-- 第二步：设置View的DataContext为ViewModel的实例 -->
    <Window.DataContext>
        <vm:FahrgemeinschaftenViewModel />
    </Window.DataContext>

    <!-- 第三步：现在就可以绑定ViewModel里的属性/命令了 -->
    <Grid>
        <!-- 示例：绑定ViewModel中的SomeStringProperty属性 -->
        <TextBlock Text="{Binding SomeStringProperty}" Margin="10"/>
        <!-- 示例：绑定ViewModel中的SubmitCommand命令 -->
        <Button Content="提交" Command="{Binding SubmitCommand}" Margin="10"/>
    </Grid>
</Window>

注意替换代码里的YourProjectNamespace为你实际的项目命名空间，ViewModels是ViewModel所在的文件夹/命名空间（如果你的ViewModel直接放在根命名空间下，就不需要这个后缀）。

方法2：使用ViewModelLocator（大型项目推荐） #

如果你的项目比较大，这种方式能更好地解耦View和ViewModel，避免在每个View里重复声明ViewModel实例。

第一步：创建ViewModelLocator类 #

在项目里新建一个类，用来管理所有ViewModel的实例：

using System;

namespace YourProjectNamespace
{
    public class ViewModelLocator
    {
        // 按需返回对应ViewModel的实例
        public FahrgemeinschaftenViewModel FahrgemeinschaftenViewModel 
        {
            get => new FahrgemeinschaftenViewModel();
        }

        // 如果有其他ViewModel，也可以在这里添加对应的属性
    }
}

第二步：在App.xaml中注册ViewModelLocator为全局资源 #

<Application x:Class="YourProjectNamespace.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:YourProjectNamespace"
             StartupUri="FahrgemeinschaftenView.xaml">
    <Application.Resources>
        <!-- 注册ViewModelLocator为全局静态资源 -->
        <local:ViewModelLocator x:Key="ViewModelLocator" />
    </Application.Resources>
</Application>

第三步：在View中绑定DataContext #

<Window x:Class="YourProjectNamespace.FahrgemeinschaftenView"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Fahrgemeinschaften"
        <!-- 绑定到ViewModelLocator里的对应ViewModel属性 -->
        DataContext="{Binding FahrgemeinschaftenViewModel, Source={StaticResource ViewModelLocator}}">

    <!-- 界面内容 -->
</Window>

方法3：在代码隐藏中设置DataContext（过渡方案，不推荐长期使用） #

如果你暂时还不太熟悉XAML的写法，也可以在View的代码隐藏文件里设置DataContext，但这种方式会让View和ViewModel产生耦合，不符合MVVM的解耦思想，适合新手过渡理解：

using System.Windows;

namespace YourProjectNamespace
{
    public partial class FahrgemeinschaftenView : Window
    {
        public FahrgemeinschaftenView()
        {
            InitializeComponent();
            // 直接给DataContext赋值ViewModel实例
            DataContext = new FahrgemeinschaftenViewModel();
        }
    }
}

关键补充：ViewModel需要实现INotifyPropertyChanged #

为了让ViewModel的属性变化时能自动同步到View，你的ViewModel必须实现INotifyPropertyChanged接口，这样绑定才能双向生效：

using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace YourProjectNamespace.ViewModels
{
    public class FahrgemeinschaftenViewModel : INotifyPropertyChanged
    {
        private string _someStringProperty;
        public string SomeStringProperty
        {
            get => _someStringProperty;
            set
            {
                _someStringProperty = value;
                // 通知UI属性已更新
                OnPropertyChanged();
            }
        }

        // INotifyPropertyChanged接口实现
        public event PropertyChangedEventHandler PropertyChanged;
        protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

这样当你在ViewModel里修改SomeStringProperty的值时，View里的TextBlock内容会自动更新。

内容的提问来源于stack exchange，提问作者A_Binary_Story