1. 功能解释
有些布局没有数据很难进行可视化。 在本文档中，我们将审查从事桌面项目的开发人员可在 XAML 设计器中模拟数据的一种方法。 此方法是使用现有可忽略的”d:”命名空间来实现的。 利用这种方法，可快速将设计时数据添加到页面或控件中，而无需创建完整的模拟视图模型，或者只需测试属性更改会如何影响应用程序，而无需担心这些更改会影响你的发布版本。 所有 d: 数据仅由 XAML 设计器使用，无可忽略的命名空间值编译到应用程序中。
2. 使用此功能的前置条件
- 设计时数据需要 Visual Studio 2019 版本 16.7 或更高版本。
- 支持目标是适用于 .NET Core 的 Windows Presentation Foundation (WPF) 和 UWP 的 Windows 桌面项目。 如果已启用”适用于 .NET Framework 的新版 WPF XAML 设计器”预览功能，则此功能还可用于 .NET Framework。
- 从 Visual Studio 2019 版本 16.7 开始，此功能适用于 WPF 和 UWP 框架中的所有内置控件。 16.8 预览版本现已提供对第三方控件的支持。
3. 设计时数据基本信息
设计时数据是你设置的模拟数据，使控件更易于在 XAML 设计器中进行可视化。 首先，将以下代码行添加到 XAML 文档的标头（如果这些代码行尚不存在）：
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
添加命名空间后，可将 d: 置于任何属性之前，使其仅在 XAML 设计器中显示，而不在运行时显示。
例如，可将文本添加到通常绑定了数据的 TextBlock。
在此示例中，如果没有 d:Text，则 XAML 设计器对于 TextBlock 不显示任何内容。 而是显示”Name!”， 在此情况下，TextBlock 在运行时将具有实际数据。
除了将d：与控件的属性结合之外，你也可将 d: 与任何 UWP 或 WPF .NET Core 控件结合使用。 即将其添加到控件本身。
<d:TextBox Text="20 - 起床 (1/1)"/>
在此示例中，按钮仅在设计时显示。 使用此方法可为自定义控件放置占位符，或者可试用不同的控件。 在运行时期间，所有 d: 特性和控件都将被忽略。
4. 在设计时预览图象
可为绑定到页面或动态加载的图像设置设计时源。 将要在 XAML 设计器中显示的图像添加到项目中。 然后，可在设计时在 XAML 设计器中显示该图像：
"DesignTimePicture.jpg" />
5. ListView的设计时数据
ListView 是一种在桌面应用中显示数据的常用方法。 但是，如果没有任何数据，ListView 就难以进行可视化。 可使用此功能创建内联设计时数据 ItemSource。 XAML 设计器在设计时在 ListView 中显示该数组中的内容。
"{Binding Items}" VerticalAlignment="Bottom">
One
Two
Three
"{Binding ItemName}" d:Text="{Binding .}" />
上一个示例显示了在 XAML 设计器中具有三个 TextBlock 的 ListView。
你也可以创建一个数据对象数组。 例如，可将 City 数据对象的公共属性构建为设计时数据。
public class City
{
public string Name { get; set; }
public string Country { get; set; }
}
"{Binding Items}" VerticalAlignment="Bottom">
"NewYork" Country="America"/>
"Tokyo" Country="Japan"/>
"Guangzhou" Country="China"/>
"local:City">
"Horizontal">
"{Binding Name}" Margin="0,0,10,0" />
"{Binding Country}" />
这样做的好处是，你可将控件绑定到模型的设计时静态版本。
本项目演示用的Xbox示例，已经托管到Github，https://github.com/hupo376787/XboxAchievements。
参考：https://docs.microsoft.com/zh-cn/visualstudio/xaml-tools/xaml-designtime-data?view=vs-2019
Original: https://www.cnblogs.com/hupo376787/p/13832671.html
Author: 猫叔Vincent
Title: UWP 在XAML设计器中使用设计时数据
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/607080/
转载文章受原作者版权保护。转载请注明原作者出处！