WPF MVVM：如何实现多控件文本随ViewModel属性更新同步及持久化？

问题描述 #

我有多个绑定各自ViewModel的用户控件，包括“Name”“Id”的视图/ViewModel对，以及“Status”视图。需要Status视图实时显示Name和Id输入框的输入内容，且关闭后重新打开仍能保留值。尝试将Status视图的TextBox绑定到NameViewModel的Name属性，Setter断点已触发，但仅显示默认值无法更新。

相关代码如下：

NameViewModel.cs #

class NameViewModel : BaseViewModel
{
    private String _name= "xyzzy";

    public String Name
    {
        get { return _name; }
        set
        {
            _name = value; 
            RaisePropertyChanged(nameof(Name));
        }
    }
}

EnterName.xaml（姓名输入视图） #

<Window x:Class="Simple_WPF_Application.EnterName"
        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:viewmodels="clr-namespace:Simple_WPF_Application.ViewModels" d:DataContext="{d:DesignInstance Type=viewmodels:NameViewModel}"
        mc:Ignorable="d"
        Title="Enter Name" Height="239" Width="368">
    <Grid HorizontalAlignment="Center" Width="369" Height="235" VerticalAlignment="Top">
        <TextBox x:Name="txtbox" Grid.ColumnSpan="2" HorizontalAlignment="Left" Margin="134,104,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="173" TextChanged="TextBox_TextChanged" Text="{Binding Path=Name,UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}" RenderTransformOrigin="0.509,1.32">
            <TextBox.BindingGroup>
                <BindingGroup/>
            </TextBox.BindingGroup>
        </TextBox>
        <Label Content="Name" Grid.ColumnSpan="2" HorizontalAlignment="Left" Margin="87,100,0,0" VerticalAlignment="Top" Foreground="#FFF9F5F5"/>
                    <Button x:Name="btn_back" Content="Back" Grid.ColumnSpan="2" HorizontalAlignment="Left" Margin="87,149,0,0" VerticalAlignment="Top" Width="99" Click="btn_back_Click"/>
                    <Button x:Name="btn_continue" Content="Continue" Grid.ColumnSpan="2" Margin="208,149,0,0" VerticalAlignment="Top" Click="Button_Click" IsEnabled="False" HorizontalAlignment="Left" Width="99"/>
        <Label Content="Please Enter Name" Grid.ColumnSpan="2" HorizontalAlignment="Left" Margin="108,36,0,0" VerticalAlignment="Top" Foreground="#FFFBF7F7" FontSize="20"/>
    </Grid>
</Window>

Status.xaml（姓名和ID显示视图） #

<Window
        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:Simple_WPF_Application"
        xmlns:ViewModels="clr-namespace:Simple_WPF_Application.ViewModels" x:Class="Simple_WPF_Application.Status"
        mc:Ignorable="d"
        Title="Status" Height="139" Width="254">
    <Grid>
        <Label Content="Name:" HorizontalAlignment="Left" Margin="35,24,0,0" VerticalAlignment="Top"/>
        <Label Content="Id:" HorizontalAlignment="Left" Margin="35,50,0,0" VerticalAlignment="Top"/>
        <TextBox x:Name="txt_status_name" HorizontalAlignment="Left" Margin="84,32,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" Text="{Binding Path=Name,UpdateSourceTrigger=PropertyChanged, Mode=TwoWay}">
            <TextBox.DataContext>
                <ViewModels:NameViewModel/>
            </TextBox.DataContext>
        </TextBox>
        <TextBox x:Name="txt_status_id" HorizontalAlignment="Left" Margin="84,58,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120"/>
    </Grid>
</Window>

问题根源 #

Status视图的TextBox在XAML中新建了一个独立的NameViewModel实例，和EnterName视图使用的ViewModel不是同一个对象。两者数据完全隔离，因此无法同步；且每次打开Status窗口都会创建新实例，关闭后数据自然无法保留。

解决方案 #

1. 将ViewModel改造为单例模式 #

让NameViewModel全局只存在一个实例，确保所有视图共享同一份数据。修改NameViewModel.cs：

class NameViewModel : BaseViewModel
{
    // 全局唯一实例
    private static NameViewModel _instance;
    public static NameViewModel Instance => _instance ??= new NameViewModel();

    private string _name = "xyzzy";

    public string Name
    {
        get { return _name; }
        set
        {
            _name = value;
            RaisePropertyChanged(nameof(Name));
        }
    }

    // 私有构造函数，禁止外部创建新实例
    private NameViewModel() { }
}

对IdViewModel做同样的单例改造（代码逻辑完全一致，替换Id相关属性即可）。

2. 同步EnterName视图的DataContext #

在EnterName的代码后台或XAML中，将DataContext绑定到单例实例：

• 代码后台方式（EnterName.xaml.cs）：

public EnterName()
{
    InitializeComponent();
    DataContext = NameViewModel.Instance;
}

• XAML方式：

<Window.DataContext>
    <Binding Source="{x:Static ViewModels:NameViewModel.Instance}" />
</Window.DataContext>

3. 修改Status视图的绑定逻辑 #

删除Status中TextBox的本地DataContext实例，直接绑定到单例对象：

<TextBox x:Name="txt_status_name" 
         HorizontalAlignment="Left" 
         Margin="84,32,0,0" 
         TextWrapping="Wrap" 
         VerticalAlignment="Top" 
         Width="120" 
         Text="{Binding Source={x:Static ViewModels:NameViewModel.Instance}, Path=Name, Mode=OneWay}" />

<TextBox x:Name="txt_status_id" 
         HorizontalAlignment="Left" 
         Margin="84,58,0,0" 
         TextWrapping="Wrap" 
         VerticalAlignment="Top" 
         Width="120"
         Text="{Binding Source={x:Static ViewModels:IdViewModel.Instance}, Path=Id, Mode=OneWay}" />

这里使用OneWay模式足够，因为Status仅需显示数据，无需反向修改输入框内容。

补充说明 #

如果后续需要更灵活的状态管理（比如多实例场景），可以考虑：

• 使用依赖注入框架（如Unity、Autofac）将ViewModel注册为单例
• 使用MVVM框架（如Prism、MvvmLight）的Messenger机制实现视图间消息通信

但单例模式是当前场景下最直接、最轻量的解决方案。

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