我可以在设计器中基于集合的控件中预览我的数据模板吗？

Question

我有一个即将完成的应用程序，它使用多个数据模板。具体来说，我有一个 ListView 和一个 DataGrid。

我为这些项目创建了一些特殊的格式，我想预览这些列表项目之一，以便我可以调整视觉布局、颜色、填充、边距等。

这可以在 Visual Studio 设计器中完成吗？还是我必须在 Xaml 中手动设计这些模板，并通过运行应用程序进行预览？

Answer 1

您可以使用设计时视图模型。

将这些属性添加到用户控件/窗口：

xmlns:designTime="clr-namespace:NamespaceToYourDesignTimeViewmodel"
         mc:Ignorable="d"
         d:DataContext="{d:DesignInstance Type=designTime:DesignTimeMyViewModel, IsDesignTimeCreatable=True}"

假设您的设计时视图模型与运行时视图模型具有相同的结构（您可以选择通过接口强制执行）；然后您可以在设计时视图模型中创建设计时数据并在设计器中查看它。

例如，您的设计时视图模型可能如下所示：

public class DesignTimeMyViewModel : IMyViewModel
{
    public string Name { get; set; }

    public DesignTimeMyViewModel()
    {
        this.Name = "Design time data";
    }
}

该接口将强制运行时和设计时结构的一致性；并且设计时数据可以硬编码为您需要在 VS XAML 设计器中看到的任何内容。

这是一个简单的示例，但相同的原理可以扩展到复杂对象的集合。设计器仍将以与运行时相同的方式绑定设计时数据。