WPF MVVM模式下如何实现Page1文本框内容传递至Page2

Hey there! 从WinForms转WPF MVVM确实会碰到一些和之前不一样的操作逻辑，尤其是跨页面的数据传递——毕竟多数入门教程都聚焦单页面。我给你整理了几个实用的MVVM友好方案，你可以根据自己的场景选：

方案1：共享全局ViewModel（适合实时同步的简单场景） #

这个思路最直接：创建一个全局的ViewModel实例，让两个Page都绑定到它的同一个属性上，这样Page1输入的内容会自动同步到Page2。

步骤： #

1. 定义共享的ViewModel（实现INotifyPropertyChanged是MVVM的基础哦）：

public class SharedDataVM : INotifyPropertyChanged
{
    private string _sharedText;
    public string SharedText
    {
        get => _sharedText;
        set
        {
            _sharedText = value;
            OnPropertyChanged(nameof(SharedText));
        }
    }

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

2. 在App.xaml里把它声明为全局资源，这样所有页面都能访问：

<Application.Resources>
    <local:SharedDataVM x:Key="GlobalSharedData"/>
</Application.Resources>

3. 绑定两个Page的TextBox：

• Page1的XAML（双向绑定，允许输入修改数据）：

<TextBox Text="{Binding SharedText, Source={StaticResource GlobalSharedData}, Mode=TwoWay}"/>

• Page2的XAML（单向绑定就行，只显示数据）：

<TextBox Text="{Binding SharedText, Source={StaticResource GlobalSharedData}}"/>

这样只要在Page1的文本框输入内容，Page2的文本框会实时同步，完全符合MVVM的绑定逻辑，没有直接操作控件的代码。

方案2：导航时传递参数（适合一次性传递，页面独立的场景） #

如果两个Page的ViewModel不需要实时同步，只是在跳转到Page2的时候把Page1的内容传过去，那可以在导航时直接传参数。

步骤： #

1. Page1的ViewModel里处理导航命令（这里假设你用RelayCommand，如果自己实现ICommand也一样）：

public class Page1VM : INotifyPropertyChanged
{
    private string _page1Input;
    public string Page1Input
    {
        get => _page1Input;
        set
        {
            _page1Input = value;
            OnPropertyChanged(nameof(Page1Input));
        }
    }

    public ICommand GoToPage2Command { get; }

    public Page1VM()
    {
        GoToPage2Command = new RelayCommand(NavigateToPage2);
    }

    private void NavigateToPage2()
    {
        // 获取主窗口的Frame（假设主窗口里有个叫MainFrame的Frame控件）
        var mainWindow = Application.Current.MainWindow as MainWindow;
        // 导航到Page2，同时把输入的文本传过去
        mainWindow.MainFrame.Navigate(new Page2(Page1Input));
    }

    // INotifyPropertyChanged实现省略，和上面一样
}

2. Page2通过构造函数接收参数，传给自己的ViewModel：

// Page2的代码-behind
public Page2(string passedText)
{
    InitializeComponent();
    DataContext = new Page2VM(passedText);
}

// Page2的ViewModel
public class Page2VM : INotifyPropertyChanged
{
    private string _page2DisplayText;
    public string Page2DisplayText
    {
        get => _page2DisplayText;
        set
        {
            _page2DisplayText = value;
            OnPropertyChanged(nameof(Page2DisplayText));
        }
    }

    public Page2VM(string initialText)
    {
        Page2DisplayText = initialText;
    }

    // INotifyPropertyChanged实现省略
}

3. Page2的XAML绑定到自己的ViewModel属性：

<TextBox Text="{Binding Page2DisplayText}"/>

这个方案适合页面之间是“跳转传递”的关系，数据不用实时同步，每个Page的ViewModel都是独立的。

方案3：事件聚合器（适合复杂应用，解耦页面的场景） #

如果你的应用页面很多，不想让Page1和Page2直接产生依赖，那可以用事件聚合器来实现解耦的消息传递——本质就是Page1发布一个“文本变化”的事件，Page2订阅这个事件，收到消息后更新自己的内容。

步骤： #

1. 先实现一个简单的事件聚合器（不用第三方库的话，自己写个轻量版就行）：

public class EventAggregator
{
    private static readonly EventAggregator _instance = new();
    public static EventAggregator Instance => _instance;

    private readonly Dictionary<Type, List<Action<object>>> _subscribers = new();

    public void Subscribe<T>(Action<T> handler)
    {
        var eventType = typeof(T);
        if (!_subscribers.ContainsKey(eventType))
        {
            _subscribers[eventType] = new List<Action<object>>();
        }
        _subscribers[eventType].Add(obj => handler((T)obj));
    }

    public void Publish<T>(T eventData)
    {
        var eventType = typeof(T);
        if (_subscribers.TryGetValue(eventType, out var handlers))
        {
            foreach (var handler in handlers)
            {
                handler(eventData);
            }
        }
    }
}

// 定义一个专门的事件类，用来传递文本数据
public class TextUpdatedEvent
{
    public string UpdatedText { get; set; }
}

2. Page1的ViewModel在文本变化时发布事件：

public class Page1VM : INotifyPropertyChanged
{
    private string _page1Input;
    public string Page1Input
    {
        get => _page1Input;
        set
        {
            _page1Input = value;
            OnPropertyChanged(nameof(Page1Input));
            // 发布文本更新事件
            EventAggregator.Instance.Publish(new TextUpdatedEvent { UpdatedText = value });
        }
    }

    // INotifyPropertyChanged实现省略
}

3. Page2的ViewModel订阅事件，收到后更新自己的文本：

public class Page2VM : INotifyPropertyChanged, IDisposable
{
    private string _page2DisplayText;
    public string Page2DisplayText
    {
        get => _page2DisplayText;
        set
        {
            _page2DisplayText = value;
            OnPropertyChanged(nameof(Page2DisplayText));
        }
    }

    public Page2VM()
    {
        // 订阅文本更新事件
        EventAggregator.Instance.Subscribe<TextUpdatedEvent>(OnTextUpdated);
    }

    private void OnTextUpdated(TextUpdatedEvent e)
    {
        Page2DisplayText = e.UpdatedText;
    }

    public void Dispose()
    {
        // 记得取消订阅，避免内存泄漏（这里简化了，实际可以优化订阅管理逻辑）
    }

    // INotifyPropertyChanged实现省略
}

4. 两个Page的XAML各自绑定自己ViewModel的属性就行，和之前一样。

这个方案的好处是页面之间完全解耦，哪怕以后加更多页面，只要订阅这个事件就能收到文本更新，适合中大型应用。

总结一下： #

• 简单实时同步 → 用共享全局ViewModel
• 一次性跳转传递 → 用导航参数
• 复杂解耦场景 → 用事件聚合器

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