如何通过反序列化获取UserControl的ViewModel设计实例？

问题核心是：Visual Studio设计器不会执行UserControl构造函数中涉及文件IO的逻辑，所以即使你在后台设置了DataContext，设计时依然是空的。下面是几种可行的解决办法：

方法一：用设计时工厂类生成ViewModel #

创建专门的设计时工厂，负责读取JSON并返回ViewModel实例，避免在运行时逻辑中混入设计时代码：

1. 编写工厂类，封装JSON读取和反序列化逻辑：

using System.IO;
using System.Text.Json;

namespace YourNamespace
{
    public class FarmLogViewModelDesignFactory
    {
        public FarmLogPageViewModel CreateDesignInstance()
        {
            // 注意：设计器环境的工作目录可能和运行时不同，这里用相对路径定位示例JSON
            var sampleJsonPath = Path.Combine(Directory.GetCurrentDirectory(), "DesignData", "FarmLogSample.json");
            var jsonContent = File.ReadAllText(sampleJsonPath);
            return JsonSerializer.Deserialize<FarmLogPageViewModel>(jsonContent);
        }
    }
}

2. 在XAML中通过d:DataContext绑定到工厂的创建结果，需要搭配一个简单的转换器：

<UserControl xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:local="clr-namespace:YourNamespace">
    <UserControl.Resources>
        <local:DesignFactoryToViewModelConverter x:Key="DesignFactoryConverter"/>
    </UserControl.Resources>
    <d:DataContext>
        <MultiBinding Converter="{StaticResource DesignFactoryConverter}">
            <d:DesignInstance Type="{x:Type local:FarmLogViewModelDesignFactory}" IsDesignTimeCreatable="True"/>
        </MultiBinding>
    </d:DataContext>
</UserControl>

3. 实现转换器，把工厂实例转为ViewModel：

using System;
using System.Globalization;
using System.Windows.Data;

namespace YourNamespace
{
    public class DesignFactoryToViewModelConverter : IMultiValueConverter
    {
        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
        {
            if (values[0] is FarmLogViewModelDesignFactory factory)
            {
                return factory.CreateDesignInstance();
            }
            return null;
        }

        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
        {
            throw new NotImplementedException();
        }
    }
}

方法二：在ViewModel无参构造中判断设计模式 #

直接在ViewModel的无参构造里加入设计模式判断，仅在设计时加载JSON数据：

using System.IO;
using System.Text.Json;
using System.Windows;

public class FarmLogPageViewModel : INotifyPropertyChanged
{
    // 你的属性和INotifyPropertyChanged实现...

    public FarmLogPageViewModel()
    {
        // 判断是否处于设计器环境
        if (DesignerProperties.GetIsInDesignMode(new DependencyObject()))
        {
            var sampleJsonPath = Path.Combine(Directory.GetCurrentDirectory(), "DesignData", "FarmLogSample.json");
            var sampleData = JsonSerializer.Deserialize<FarmLogPageViewModel>(File.ReadAllText(sampleJsonPath));
            
            // 将示例数据赋值给当前ViewModel的属性
            this.FarmName = sampleData.FarmName;
            this.LogEntries = sampleData.LogEntries;
            // 其他属性依次赋值
        }
    }
}

之后在XAML中直接设置d:DataContext="{d:DesignInstance Type={x:Type local:FarmLogPageViewModel}, IsDesignTimeCreatable=True}"即可。

关键注意事项 #

• 确保JSON文件的复制到输出目录属性设置为如果较新则复制或始终复制，否则设计器可能找不到文件
• 设计器的工作目录可能和运行时不同，尽量用项目内的相对路径定位文件，避免硬编码绝对路径
• 如果设计器依然不显示数据，尝试右键设计器面板选择「重新加载设计器」，清除缓存
• ViewModel必须实现INotifyPropertyChanged，否则设计器无法实时更新属性显示

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