Geteilte Ansicht: Gleichzeitiges Anzeigen der WPF-Entwurfsoberfläche und von XAML-Markup
Der WPF Designer für Visual Studio unterstützt eine Ansicht, die als geteilte Ansicht bezeichnet wird. In einer geteilten Ansicht können XAML-Markup und der visuelle Designer gleichzeitig angezeigt werden. Im visuellen Designer vorgenommene Änderungen werden sofort in das XAML-Markup übernommen und umgekehrt. In diesem Thema werden einige Möglichkeiten der Verwendung und Konfiguration von geteilten Ansichten beschrieben.
Geteilte Ansicht
Eine geteilte Ansicht besteht aus zwei durch eine Leiste getrennten Bereichen. Ein Bereich enthält die Entwurfsansicht des aktuellen Fensters oder das Benutzersteuerelement. Dieser Bereich unterstützt die Anwendungsentwicklung per Drag & Drop, die Windows Forms-Programmierer bereits kennen. Der zweite Bereich enthält die XAML-Ansicht für das aktuelle Fenster oder das Benutzersteuerelement. Dieses XAML-Markup kann ohne Einschränkungen bearbeitet werden und unterstützt IntelliSense. Sie können XAML-Elemente direkt bearbeiten und Attribute oder neue Elemente hinzufügen, indem Sie das entsprechende Markup in diesem Bereich eingeben.
Die beiden Bereiche der geteilten Ansicht sind synchronisiert, sodass Änderungen in einem Bereich in den anderen übernommen werden. Wenn Sie z. B. ein Steuerelement aus der Toolbox in die Entwurfsansicht ziehen, wird die XAML-Ansicht sofort aktualisiert und zeigt das neue Element an. Ebenso wird in der Entwurfsansicht sofort eine visuelle Darstellung angezeigt, wenn in der XAML-Ansicht das Markup für das neue Element eingegeben wird und das XAML-Markup fehlerfrei ist.
.png "Geteilte Ansicht")
Konfigurieren von geteilten Ansichten
Geteilte Ansichten können an den von Ihnen bevorzugten Programmierstil angepasst werden. Die Leiste, welche die beiden Bereiche trennt, kann mit der Maus neu positioniert werden, um die relative Größe der beiden Bereiche zu ändern. Die Leiste enthält einige Symbole, mit deren Hilfe Sie die Darstellung der geteilten Ansicht ändern können. Wenn Sie zwischen den Registerkarten Entwurf und XAML auf das Symbol zum Vertauschen der Bereiche klicken, wechseln die Bereiche ihre Position. Mit den drei gruppierten Symbolen auf der Leiste können Sie zwischen der vertikalen Ansicht, bei der die Bereiche nebeneinander angeordnet sind, und der horizontalen Ansicht wechseln, bei der die Bereiche übereinander angeordnet sind. Zusätzlich können Sie den unteren Bereich reduzieren oder erweitern. Wenn ein Bereich reduziert ist, können Sie durch Klicken auf die entsprechende Registerkarte auf der Leiste zwischen der Entwurfs- und der XAML-Ansicht wechseln. Das Doppelklicken auf die Leiste hat die gleiche Wirkung wie das Klicken auf das Symbol zum Reduzieren/Erweitern. Wenn Sie auf die Registerkarten doppelklicken, wird der betreffende Bereich in der Vollansicht dargestellt. Das Bereichslayout wird mit jedem Dokument im Projekt gespeichert.
Siehe auch
Konzepte
Navigieren in der Elementhierarchie eines WPF-Dokuments