Überprüfen von XAML-Eigenschaften beim Debuggen

Artikel
12/13/2023

Sie können über Visuelle Echtzeitstruktur und Live-Eigenschaften-Explorer eine Echtzeitansicht Ihres ausgeführten XAML-Codes abrufen. Diese Tools bieten Ihnen eine Strukturansicht der Benutzeroberflächenelemente Ihrer ausgeführten XAML-Anwendung, und Sie zeigen Ihnen Runtime-Eigenschaften der von Ihnen ausgewählten Benutzeroberflächenelemente an.

Sie können diese Tools in den folgenden Konfigurationen verwenden:

Anwendungstyp	Betriebssystem und Tools
Windows Presentation Foundation-Anwendungen (4.0 und höher)	Windows 7 und höher
Universelle Windows-Apps	Windows 10 und höher mit dem Windows 10 SDK und höher
.NET Multi-Platform App UI-Apps	Windows 10 und höher, .NET 8 und höher, Visual Studio 2022 17.9 und höher

Betrachten der Elemente in „Visuelle Echtzeitstruktur“

Wir beginnen mit einer sehr einfachen WPF-Anwendung, die über eine Listenansicht und eine Schaltfläche verfügt. Bei jedem Klick auf die Schaltfläche wird der Liste ein anderes Element hinzugefügt. Gerade nummerierte Elemente sind grau, und ungerade nummerierte Elemente sind gelb.

Erstellen des Projekts

Erstellen Sie eine neue C#-WPF-Anwendung (Datei>Neu>Projekt, geben Sie „C# WPF“ ein, wählen Sie die Projektvorlage WPF-Anwendung aus, nennen Sie das Projekt TestXAML, und überprüfen Sie dann, ob die richtige .NET-Version in der Dropdownliste Zielframework angezeigt wird).

Ändern Sie „MainWindow.xaml“ wie folgt:

<Window x:Class="TestXAML.MainWindow"
   xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
   xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
   xmlns:local="clr-namespace:TestXAML"
   mc:Ignorable="d"
   Title="MainWindow" Height="350" Width="525">
   <Grid>
      <Button x:Name="button" Background="LightBlue" Content="Add Item" HorizontalAlignment="Left" Margin="216,206,0,0" VerticalAlignment="Top" Width="75" Click="button_Click"/>
      <ListBox x:Name="listBox" HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100" Margin="205,80,0,0"/>
   </Grid>
</Window>

Fügen Sie der Datei „MainWindow.xaml.cs“ den folgenden Befehlshandler hinzu:

int count;

private void button_Click(object sender, RoutedEventArgs e)
{
   ListBoxItem item = new ListBoxItem();
   item.Content = "Item" + ++count;
   if (count % 2 == 0)
   {
      item.Background = Brushes.LightGray;
   }
   else
   {
      item.Background = Brushes.LightYellow;
   }
   listBox.Items.Add(item);
}

Erstellen Sie das Projekt, und starten Sie das Debugging. (Die Buildkonfiguration muss „Debuggen“ und nicht „Release“ lauten. Weitere Informationen zu Buildkonfigurationen finden Sie unter Grundlagen der Buildkonfiguration.)

Wenn das Fenster geöffnet wird, sollte die In-App-Symbolleiste in Ihrer ausgeführten Anwendung angezeigt werden.
Klicken Sie nun ein paar Mal auf die Schaltfläche Element hinzufügen, um der Liste neue Elemente hinzuzufügen.