如何在C# WPF MVVM项目中实现两个用户控件的绑定？

你的问题出在两个核心点上：属性变更通知的名称错误，以及两个控件使用了不同的ViewModel实例，以下是具体修复步骤：

1. 修复PropertyChanged事件的属性名称 #

你的MainViewModel中，ResultOutput属性的setter里触发的是OnPropertyChanged("Result")，但实际属性名是ResultOutput，WPF无法识别这个错误的通知名称，导致数值变更后UI不会更新。

修改后的MainViewModel代码：

private string resultOutput = "1234";

public string ResultOutput
{
    get { return resultOutput; }
    set 
    { 
        resultOutput = value; 
        // 用nameof避免硬编码拼写错误，确保通知的是正确属性
        OnPropertyChanged(nameof(ResultOutput)); 
    }
}

private void AddTwoNumbers()
{
    int result = Num1 + num2;
    ResultOutput = result.ToString();
}

// 确保ViewModel正确实现INotifyPropertyChanged接口
public event PropertyChangedEventHandler PropertyChanged;

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

2. 确保两个控件共享同一个ViewModel实例 #

你在ResultDisplay的XAML中直接实例化了MainViewModel，这会导致它和MainView使用的是两个完全独立的ViewModel对象——MainView里的求和操作修改的是自己ViewModel的ResultOutput，而ResultDisplay绑定的是另一个ViewModel的初始值，自然无法同步更新。

修复步骤： #

首先移除ResultDisplay中自行设置的DataContext：

<!-- 删掉这段自定义DataContext的代码 -->
<!-- <UserControl.DataContext>
    <viewModel:MainViewModel />
</UserControl.DataContext> -->
<Grid>
    <Label x:Name="ResultTB"
           Content="{Binding ResultOutput}"
           Background="#333"
           Foreground="LightGray"
           FontSize="40"
           HorizontalContentAlignment="Left"
           VerticalContentAlignment="Bottom"
           Padding="8,0,0,5" />
</Grid>

然后根据你的ShellView结构，选择以下一种方式让ResultDisplay复用MainView的ViewModel：

方式一：通过ShellViewModel共享实例

如果你的ShellViewModel持有MainViewModel的实例，直接在ShellView中给两个控件绑定同一个ViewModel：

ShellViewModel代码：

public class ShellViewModel
{
    // 实例化一次MainViewModel，供两个控件共享
    public MainViewModel MainVM { get; set; } = new MainViewModel();
}

ShellView的XAML：

<Window.DataContext>
    <viewModel:ShellViewModel />
</Window.DataContext>
<StackPanel>
    <!-- 给MainView绑定ShellViewModel中的MainVM -->
    <local:MainView DataContext="{Binding MainVM}" />
    <!-- 给ResultDisplay绑定同一个MainVM -->
    <local:ResultDisplay DataContext="{Binding MainVM}" />
</StackPanel>

方式二：通过ElementName绑定MainView的DataContext

如果你的ShellView直接将DataContext设置为MainViewModel，可以让ResultDisplay直接绑定到MainView的DataContext：

ShellView的XAML：

<Window.DataContext>
    <viewModel:MainViewModel />
</Window.DataContext>
<StackPanel>
    <local:MainView x:Name="MainUserControl" />
    <!-- 通过ElementName关联到MainView的DataContext -->
    <local:ResultDisplay DataContext="{Binding ElementName=MainUserControl, Path=DataContext}" />
</StackPanel>

关键总结 #

• 触发PropertyChanged时必须使用与属性名完全一致的字符串，推荐用nameof()避免拼写错误；
• 多个需要同步数据的控件，必须绑定同一个ViewModel实例，不能各自实例化。

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