WPF MVVM切换视图时重复创建View实例是否符合设计预期？

从WinForms转向WPF MVVM以实现更灵活的UI，刚接触相关技术并尝试遵循最佳实践。当前实现中，切换MainViewModel的CurrentView时，每次都会创建View的新实例，在旧Surface设备上切换时出现卡顿，想确认这种实现是否是MVVM的预期设计方式。

相关代码如下：

MainViewModel代码 #

public class MainViewModel : ObservableObject
{

    public MainViewModel()
    {
        this.PageViewModels.Add(new EventsViewModel());
        this.PageViewModels.Add(new SettingsViewModel());
        this.PageViewModels.Add(new AnotherViewModel());

        this.CurrentView = this.PageViewModels[0];
    }

    public ViewModelBase CurrentView
    {
        get
        {
            return this._currentVIew;
        }

        set
        {
            this._currentVIew = value;
            this.OnPropertyChanged("CurrentView");
        }
    }


    public ICommand ChangePageCommand
    {
        get
        {
            if (this.changePageCommand == null)
            {
                this.changePageCommand = new RelayCommand(
                    p => this.ChangeViewModel(p),
                    p => true);
            }

            return this.changePageCommand;
        }
    }

    private void ChangeViewModel(object viewModel)
    {
        var t = (Type)viewModel;
        foreach (var v in this.PageViewModels)
        {
            if (v.GetType() == t)
            {
                this.CurrentView = v;
                return;
            }
        }
    }
}

View数据模板 #

<DataTemplate DataType="{x:Type viewModel:EventsViewModel}">
    <view:EventView/>
</DataTemplate>

<DataTemplate DataType="{x:Type viewModel:SettingsViewModel}">
    <view:SettingsView/>
</DataTemplate>

<DataTemplate DataType="{x:Type viewModel:AnotherViewModel}">
    <view:AnotherView/>
</DataTemplate>

命令调用方式 #

Command="{Binding DataContext.ChangePageCommand, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}"
CommandParameter="{x:Type viewModel:SettingsViewModel}"      

核心结论 #

这种每次创建新View实例的行为不是MVVM的强制要求，完全是当前数据模板的写法导致的。你的ViewModel已经提前实例化并缓存，但DataTemplate每次渲染ViewModel时都会创建内部的View实例，旧设备上View初始化开销大就会导致卡顿。

优化方案 #

1. 缓存View实例（推荐）

针对页面数量不多的场景，提前创建View并和对应的ViewModel绑定，后续切换时直接复用已创建的实例：

• 修改MainViewModel，添加View缓存逻辑：

public class MainViewModel : ObservableObject
{
    private Dictionary<Type, UIElement> _viewCache = new Dictionary<Type, UIElement>();
    private UIElement _currentViewInstance;

    public MainViewModel()
    {
        // 初始化ViewModel
        var eventsVm = new EventsViewModel();
        var settingsVm = new SettingsViewModel();
        var anotherVm = new AnotherViewModel();

        PageViewModels.Add(eventsVm);
        PageViewModels.Add(settingsVm);
        PageViewModels.Add(anotherVm);

        // 提前创建View并绑定DataContext，存入缓存
        _viewCache.Add(typeof(EventsViewModel), new EventView { DataContext = eventsVm });
        _viewCache.Add(typeof(SettingsViewModel), new SettingsView { DataContext = settingsVm });
        _viewCache.Add(typeof(AnotherViewModel), new AnotherView { DataContext = anotherVm });

        // 设置初始View实例
        CurrentViewInstance = _viewCache[typeof(EventsViewModel)];
    }

    // 改为绑定View实例而非ViewModel
    public UIElement CurrentViewInstance
    {
        get => _currentViewInstance;
        set
        {
            _currentViewInstance = value;
            OnPropertyChanged(nameof(CurrentViewInstance));
        }
    }

    public ICommand ChangePageCommand
    {
        get
        {
            return changePageCommand ??= new RelayCommand(
                p =>
                {
                    var vmType = (Type)p;
                    if (_viewCache.TryGetValue(vmType, out var view))
                    {
                        CurrentViewInstance = view;
                    }
                },
                p => true);
        }
    }
}

• 修改XAML，直接绑定View实例：

<ContentControl Content="{Binding CurrentViewInstance}" />

这种方式彻底避免了重复创建View，切换时几乎无开销，适合旧设备场景。

2. 优化View初始化开销

如果必须按需创建View（比如页面数量多，缓存占内存），可以优化View的初始化逻辑：

• 对复杂控件使用延迟加载：比如用Lazy<T>初始化非首屏控件，或者在View的Loaded事件中异步加载数据/创建子控件，避免阻塞UI线程。
• 优化布局：减少嵌套布局容器的层级，替换为更轻量的容器（比如用Grid替代多层StackPanel嵌套）。
• 虚拟化列表：如果View包含列表控件，启用VirtualizingStackPanel减少同时渲染的元素数量。

补充说明 #

MVVM的核心是分离View和ViewModel的职责，并没有强制要求每次切换都创建新View。缓存View是WPF中常用的性能优化手段，需要根据页面数量、内存占用、设备性能平衡选择方案。

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