如何在Visual Studio中預覽WPF的ControlTemplate設計XAML？

Question

在為 WPF 應用程序設計 XAML 時，Visual Studio 在 XAML 代碼編輯器旁邊顯示生成的預覽設計。

但是，如果 XAML 代碼位於“ Template ”節點中，例如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 代碼實際上是如何設計的。

有沒有辦法在ControlTemplate節點內“預覽”XAML 的設計？

Answer 1

對於這個問題，您可以使用 XAML Hot Reload，這樣您運行您的應用程序，更改並保存您的 xaml 代碼並同時查看更改。

要啟用 XAML Hot Reload，go 到 Tools -> Options -> Debugging -> XAML Hot Reload -> Enable XAML Hot Reload in Visual Studio 2022。在 Visual Studio 2019 中，它幾乎相同，我相信它在 Tools -> Options - > 調試 -> 熱重載。 有關 XAML 熱重載的更多詳細信息，請點擊此處。