如何控制WPF Designer自定义初始化以加载测试数据（VB.NET）

核心思路：区分设计模式与运行时逻辑 #

XAML设计器加载时会实例化你的窗口类，但它的运行环境和程序实际运行时存在差异——比如没有数据库访问权限、无法读取配置文件里的真实连接字符串。之前在InitializeComponent()前直接加初始化没用，是因为设计器执行这段代码时无法完成真实数据库连接，导致报错。解决关键是先判断当前是否处于设计模式，再分别处理初始化逻辑。

具体实现（VB.NET代码示例） #

Imports System.ComponentModel
Imports System.Windows

Public Class MainWindow
    Public Sub New()
        ' 第一步：判断是否在设计器模式下
        Dim isInDesignMode = DesignerProperties.GetIsInDesignMode(Me)

        If Not isInDesignMode Then
            ' 运行时：执行真实数据库连接、加载正式数据
            SetupDatabaseConnection()
            LoadRealData()
        Else
            ' 设计时：加载模拟测试数据，跳过真实数据库操作
            LoadDesignTimeTestData()
        End If

        ' 初始化XAML控件
        InitializeComponent()

        ' 通用逻辑：不管设计/运行时都执行的样式初始化
        ApplyCustomStyles()
    End Sub

    ' 真实数据库连接逻辑（仅运行时执行）
    Private Sub SetupDatabaseConnection()
        ' 示例：创建并打开数据库连接
        ' Dim conn As New SqlClient.SqlConnection("你的连接字符串")
        ' conn.Open()
        ' 后续可将连接存入全局对象供其他方法使用
    End Sub

    ' 加载运行时真实数据
    Private Sub LoadRealData()
        ' 示例：从数据库查询数据并绑定到控件
        ' DataGrid_Main.ItemsSource = QueryDataFromDatabase()
    End Sub

    ' 设计时加载测试数据
    Private Sub LoadDesignTimeTestData()
        ' 示例：给DataGrid绑定模拟集合
        ' DataGrid_Main.ItemsSource = New List(Of YourDataModel) From {
        '     New YourDataModel With {.ID = 1, .Name = "测试条目1"},
        '     New YourDataModel With {.ID = 2, .Name = "测试条目2"}
        ' }
    End Sub

    ' 程序化初始化样式
    Private Sub ApplyCustomStyles()
        ' 示例：给按钮设置自定义样式
        ' Button_Submit.Style = CType(FindResource("CustomButtonStyle"), Style)
    End Sub
End Class

MVVM模式下的适配 #

如果用MVVM架构，可以在ViewModel中同样判断设计模式，返回测试数据，避免View层直接处理数据逻辑：

Imports System.ComponentModel
Imports System.Windows
Imports System.Collections.ObjectModel

Public Class MainViewModel
    Public Property DataItems As ObservableCollection(Of YourDataModel)

    Public Sub New()
        Dim isInDesignMode = DesignerProperties.GetIsInDesignMode(Application.Current.MainWindow)

        If Not isInDesignMode Then
            DataItems = FetchRealData()
        Else
            ' 设计时返回模拟数据
            DataItems = New ObservableCollection(Of YourDataModel) From {
                New YourDataModel With {.ID = 1, .Name = "设计时测试数据1"},
                New YourDataModel With {.ID = 2, .Name = "设计时测试数据2"}
            }
        End If
    End Sub

    Private Function FetchRealData() As ObservableCollection(Of YourDataModel)
        ' 从数据库获取真实数据的逻辑
        Return New ObservableCollection(Of YourDataModel)()
    End Function
End Class

关键注意点 #

• DesignerProperties.GetIsInDesignMode需要传入一个UI元素（比如当前窗口Me），确保判断准确。
• 设计时的测试数据要尽量贴近真实数据结构，这样设计器里的预览效果才和运行时一致。
• 样式初始化逻辑如果不依赖数据库或运行时环境，可以放在InitializeComponent()之后，保证设计器也能正确渲染样式。

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