WPF/CaliburnMicro：如何将单个属性绑定到两个控件并实现双向更新？

首先得点破你现在的核心误区：你把控件的x:Name当成了绑定路径，这完全搞错了WPF数据绑定的逻辑——绑定的目标是ViewModel里的属性，不是控件的名称。之前能显示数据只是巧合（控件名和属性名撞了），根本不是正确的绑定方式。

要实现TextBlock和TextBox同步显示，且输入时自动更新CurrentPerson，按下面几步来：

1. 让PersonModel实现INotifyPropertyChanged接口 #

这是WPF实现属性变化通知的基础，只有实现它，当FirstName的值改变时，UI才能收到通知并自动更新。

public class PersonModel : INotifyPropertyChanged
{
    private string _firstName;
    public string FirstName
    {
        get => _firstName;
        set
        {
            if (_firstName != value)
            {
                _firstName = value;
                OnPropertyChanged(nameof(FirstName));
            }
        }
    }

    private string _lastName;
    public string LastName
    {
        get => _lastName;
        set
        {
            if (_lastName != value)
            {
                _lastName = value;
                OnPropertyChanged(nameof(LastName));
            }
        }
    }

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

2. 确保ViewModel也实现INotifyPropertyChanged（可选但建议） #

如果你的ViewModel需要动态替换CurrentPerson对象，那ViewModel也要实现这个接口，保证UI能感知到CurrentPerson本身的变化：

public class YourViewModel : INotifyPropertyChanged
{
    private PersonModel _currentPerson;
    public PersonModel CurrentPerson
    {
        get => _currentPerson;
        set
        {
            if (_currentPerson != value)
            {
                _currentPerson = value;
                OnPropertyChanged(nameof(CurrentPerson));
            }
        }
    }

    // 构造函数初始化，避免空引用报错
    public YourViewModel()
    {
        CurrentPerson = new PersonModel();
    }

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

3. 修正UI绑定路径 #

现在把控件的绑定指向CurrentPerson.FirstName，TextBox需要双向绑定（虽然TextBox.Text默认是双向，但显式写出来更清晰）：

<!-- TextBlock单向绑定，显示CurrentPerson的FirstName -->
<TextBlock Text="{Binding Path=CurrentPerson.FirstName}" Grid.Column="0" Grid.Row="0"/>
<!-- TextBox双向绑定，输入时自动更新CurrentPerson.FirstName -->
<TextBox Text="{Binding Path=CurrentPerson.FirstName, Mode=TwoWay}" Grid.Column="0" Grid.Row="1"/>

4. 设置UI的DataContext #

最后一步很关键，必须让页面/窗口的DataContext指向ViewModel实例，这样绑定才能找到对应的属性。比如在窗口构造函数里：

public YourWindow()
{
    InitializeComponent();
    DataContext = new YourViewModel();
}

或者直接在XAML里设置：

<Window.DataContext>
    <local:YourViewModel/>
</Window.DataContext>

做完这些后，TextBox输入内容时会自动更新CurrentPerson.FirstName，而PersonModel的通知接口会让TextBlock立刻同步显示新值，完全满足你的需求！

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