WPF中如何在设计时像运行时一样初始化d.DataContext数据？

问题根源 #

设计时环境下，OnLoaded事件不会触发，且原XAML中d:DataContext的RelativeSource绑定在设计器中未正确触发SharedViewModel的getter，导致ViewModel未初始化，设计器无数据。

解决方案 #

方案1：在ViewModel属性中区分设计时与运行时初始化 #

修改SharedViewModel属性的getter，通过DesignerProperties判断当前是否为设计时环境，分别初始化不同的ViewModel实例（设计时用模拟数据）：

using System.ComponentModel;
using System.Windows;

private SharedViewModel m_sharedViewModel;
public SharedViewModel SharedViewModel
{
    get
    {
        if (m_sharedViewModel == null)
        {
            // 判断是否处于设计时
            bool isInDesignMode = DesignerProperties.GetIsInDesignMode(new DependencyObject());
            
            if (isInDesignMode)
            {
                // 初始化设计时ViewModel，添加模拟测试数据
                m_sharedViewModel = new SharedViewModel();
                // 示例：填充模拟数据
                // m_sharedViewModel.Stuffs = new ObservableCollection<Stuff>
                // {
                //     new Stuff { Name = "设计时测试项1" },
                //     new Stuff { Name = "设计时测试项2" }
                // };
            }
            else
            {
                // 运行时正常初始化
                LoadStuffs();
            }
        }
        return m_sharedViewModel;
    }
    set
    {
        m_sharedViewModel = value;
    }
}

方案2：在XAML中直接指定设计时ViewModel实例 #

修改XAML的d:DataContext，使用d:DesignInstance直接创建设计时ViewModel实例（需确保ViewModel有无参构造函数）：

<Window x:Class="MyApp.MainWindow"
        mc:Ignorable="d"
        xmlns:local="clr-namespace:MyApp"
        ...
        Loaded="OnLoaded"
        d:DataContext="{d:DesignInstance Type=local:SharedViewModel, IsDesignTimeCreatable=True}"
        DataContext="{Binding RelativeSource={RelativeSource Self}, Path=SharedViewModel}"
    >

如果需要更定制化的设计时数据，可以创建设计时专用ViewModel子类：

// 设计时专用ViewModel，预填充模拟数据
public class DesignSharedViewModel : SharedViewModel
{
    public DesignSharedViewModel()
    {
        // 初始化模拟数据
        Stuffs = new ObservableCollection<Stuff>
        {
            new Stuff { Name = "设计时示例1" },
            new Stuff { Name = "设计时示例2" }
        };
    }
}

然后修改XAML：

d:DataContext="{d:DesignInstance Type=local:DesignSharedViewModel, IsDesignTimeCreatable=True}"

关键注意事项 #

• 设计时ViewModel必须提供无参构造函数，否则d:DesignInstance无法创建实例。
• 设计时模拟数据避免调用真实API或数据库操作，防止设计器卡顿或报错。
• 使用方案1时，需引用System.ComponentModel和System.Windows命名空间。

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