WPF TextBox绑定VM构造函数赋值的属性时设计器和运行时均不显示值

核心原因 #

1. 未给窗口根节点设置DataContext指向你声明的ViewModel实例，导致TextBox的绑定找不到上级数据源，无法读取构造函数设置的初始值
2. 若Contacts类未实现INotifyPropertyChanged接口，也可能导致属性变更无法同步到UI
3. 若你同时在XAML资源声明VM实例、又在后台代码重复创建VM实例赋值给DataContext，两个实例相互独立，也会出现数据不同步的问题

修复步骤 #

步骤1：修正XAML绑定源配置 #

在Window根节点添加DataContext属性，指向资源中声明的VM实例，确保绑定层级正确：

<Window x:Class="WhatsAppBulkSender_WPF.View.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WhatsAppBulkSender_WPF.View"
        xmlns:vm ="clr-namespace:WhatsAppBulkSender_WPF.ViewModel"
        mc:Ignorable="d"
        Background="#E9E9E9"        
        Title="MainWindow" Height="450" Width="800" MinHeight="450" MinWidth="800"
        DataContext="{StaticResource vm}"> <!-- 新增此行 -->

如果你习惯在后台代码设置DataContext，就删除XAML资源里的<vm:MainWindowVM x:Key="vm"/>声明，直接在MainWindow的构造函数中设置：

public MainWindow()
{
    InitializeComponent();
    DataContext = new MainWindowVM();
}

两种方式二选一即可，不要混用。

步骤2：确保Contacts类实现属性变更通知 #

给Contacts类添加INotifyPropertyChanged接口实现，保证Contact属性变更可以同步到UI：

public class Contacts : INotifyPropertyChanged
{
    private string _contact;
    public string Contact
    {
        get => _contact;
        set
        {
            _contact = value;
            OnPropertyChanged(nameof(Contact));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

验证效果 #

修改完成后，设计器和运行时都会正常显示构造函数设置的默认文本Import/Paste Contacts here，后续属性修改也能正常同步。

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