如何在 Visual Studio 中为 WPF 预览 XAML 的 ControlTemplate 设计?
How to preview XAML of ControlTemplate design in Visual Studio for WPF?
在为 WPF 应用程序设计 XAML 时,Visual Studio 在 XAML 代码编辑器旁边显示生成的预览设计。
但是,如果 XAML 代码位于“Template
”节点中,则 'design' 面板不会显示预览,例如 ControlTemplate
。
<ControlTemplate TargetType="{x:Type ListViewItem}">
...
<TextBlock Text="{Binding ListTitle}" /> <!-- IDE doesn't initially provide how this element will look like -->
...
</ControlTemplate>
这样一个ControlTemplate
节点里面有一堆东西,我却不得不在没有任何预览的情况下编写XAML,只是依靠我的估计。然后,运行 应用程序每次查看这些 XAML 代码实际上是如何设计的。
有没有办法'preview'在ControlTemplate
节点内设计XAML?
对于这个问题,您可以使用 XAML 热重载,这样您 运行 您的应用程序,更改并保存您的 xaml 代码并同时查看更改。
要启用 XAML 热重载,请转到工具 -> 选项 -> 调试 -> XAML 热重载 -> 在 Visual Studio 2022 年启用 XAML 热重载. 在Visual Studio 2019年,几乎是一样的,我相信是在Tools -> Options -> Debugging -> Hot Reload。有关 XAML 热重载的更多详细信息 here。
在为 WPF 应用程序设计 XAML 时,Visual Studio 在 XAML 代码编辑器旁边显示生成的预览设计。
但是,如果 XAML 代码位于“Template
”节点中,则 'design' 面板不会显示预览,例如 ControlTemplate
。
<ControlTemplate TargetType="{x:Type ListViewItem}">
...
<TextBlock Text="{Binding ListTitle}" /> <!-- IDE doesn't initially provide how this element will look like -->
...
</ControlTemplate>
这样一个ControlTemplate
节点里面有一堆东西,我却不得不在没有任何预览的情况下编写XAML,只是依靠我的估计。然后,运行 应用程序每次查看这些 XAML 代码实际上是如何设计的。
有没有办法'preview'在ControlTemplate
节点内设计XAML?
对于这个问题,您可以使用 XAML 热重载,这样您 运行 您的应用程序,更改并保存您的 xaml 代码并同时查看更改。
要启用 XAML 热重载,请转到工具 -> 选项 -> 调试 -> XAML 热重载 -> 在 Visual Studio 2022 年启用 XAML 热重载. 在Visual Studio 2019年,几乎是一样的,我相信是在Tools -> Options -> Debugging -> Hot Reload。有关 XAML 热重载的更多详细信息 here。