Bearbeiten von XAML

  • Artikel

Sie können zum Bearbeiten eines XAML-Dokuments (Extensible Application Markup Language) einen beliebigen Text-Editor verwenden, die Verwendung von Microsoft Expression Blend bietet jedoch einige Vorteile:

  • In Expression Blend können Sie das XAML-Dokument mühelos erstellen und ausführen (F5), um die Ergebnisse Ihrer Änderungen anzuzeigen.

  • Syntaxfehler werden von Expression Blend im Ergebnispanel aktualisiert, sobald Sie die Datei speichern oder zwischen den Ansichten wechseln (Designansicht und XAML-Ansicht).

  • In der XAML-Ansicht sind XAML-Elemente farbcodiert und damit einfach zu identifizieren. Zudem können Sie mit der Option Suchen nach bestimmtem Text suchen oder mit der Option Gehe zu zu einer bestimmten Zeile navigieren.

  • In der Designansicht können Sie das visuelle Design der Anwendung erstellen, während der XAML-Code von Expression Blend automatisch generiert wird. Zudem können Sie die Funktion XAML anzeigen verwenden, um schnell zum XAML-Code für ein beliebiges Objekt im Dokument zu wechseln.

NoteHinweis:

Sie sollten bereits über Erfahrung mit XAML verfügen, bevor Sie XAML-Dokumente in einem Text-Editor oder in der XAML-Ansicht in Expression Blend bearbeiten. Die direkte Bearbeitung von XAML kann zu Parserfehlern in der Anwendung führen. Diese Fehler müssen behoben werden, bevor die Dokumente in der Designansicht von Expression Blend ordnungsgemäß auf der Zeichenfläche angezeigt werden können oder bevor Sie die Anwendung erstellen und ausführen können.

Wenn Sie diese Hinweise berücksichtigen, kann das abwechselnde Arbeiten in der Design- und in der XAML-Ansicht eine effektive Methode sein, die Grundlagen von XAML zu erlernen.
NoteHinweis:

Sie können XAML-Dokumente auch in Microsoft Visual Studio 2010 bearbeiten. Das Programm enthält dieselben Funktionen wie die XAML-Ansicht in Expression Blend.

Bearbeiten von XAML mithilfe der XAML-Ansicht in Expression Blend

In der XAML-Ansicht in Expression Blend können Sie Änderungen am XAML-Code in Expression Blend-Projekten vornehmen. Öffnen Sie die XAML-Ansicht, indem Sie auf der rechten Seite der Zeichenfläche im Arbeitsbereich von Expression Blend auf die Registerkarte XAML klicken. Die von Ihnen in der XAML-Ansicht vorgenommenen Änderungen werden in der Designansicht automatisch aktualisiert.

Registerkarte "XAML" (mit ausgeblendeter Designansicht)

Cc294525.9c6c58bb-f156-4394-a4e2-dc30bfcb7369(de-de,Expression.40).png

In der XAML-Ansicht können Sie Code für neue Elemente eingeben oder vorhandenen Code auswählen und dann ähnlich wie in einem Textverarbeitungsprogramm mit den Befehlen Ausschneiden, Kopieren oder Einfügen bearbeiten. Im folgenden Bild wird Text gezeigt, der in der XAML-Ansicht ausgewählt ist.

In der XAML-Ansicht ausgewählter Text

Cc294525.200569f5-655e-43de-bd34-f0799678fec1(de-de,Expression.40).png

Neben den gängigen Aufgaben in Verbindung mit der Zwischenablage, die Sie in der XAML-Ansicht ausführen, können Sie zu bestimmten Zeilen im XAML-Code navigieren oder Text suchen und ersetzen. Verwenden Sie hierfür im Menü Bearbeiten die Befehle Gehe zu, Suchen, Weitersuchen und Ersetzen. Weitere Informationen finden Sie in diesem Benutzerhandbuch unter Suchen und Ersetzen und Wechseln zu einer bestimmten Zeile.

Eine Beschreibung der Syntax der einzelnen Steuerelemente finden Sie in der Bibliothek der Steuerelemente Cc294525.xtlink_newWindow(de-de,Expression.40).png auf MSDN Cc294525.xtlink_newWindow(de-de,Expression.40).png, oder indem Sie in der der Referenz zu Klassen Cc294525.xtlink_newWindow(de-de,Expression.40).png auf MSDN Cc294525.xtlink_newWindow(de-de,Expression.40).png (möglicherweise in englischer Sprache) nach XAML-Elementen und -Attributen suchen.

Bearbeiten von XAML mithilfe der Designansicht in Expression Blend

Wenn Sie in der Designansicht arbeiten, wird der XAML-Code von Expression Blend automatisch generiert. In der Designansicht können Sie neue Objekte aus dem Werkzeugpanel hinzufügen. Darüber hinaus können Sie Daten an die Objekte binden, Objekte mit einer Formatvorlage versehen, animieren und so konfigurieren, dass sie auf Benutzeraktionen reagieren. Für jeden Teil Ihres Designs wird der XAML-Code von Expression Blend aktualisiert.

Öffnen Sie die Designansicht, indem Sie auf der rechten Seite der Zeichenfläche im Arbeitsbereich von Expression Blend auf die Registerkarte Design klicken. Die von Ihnen in der Designansicht vorgenommenen Änderungen werden in der XAML-Ansicht automatisch aktualisiert.

Im folgenden Bild wird die Designansicht in Expression Blend auf der linken Seite und die XAML-Ansicht auf der rechten Seite angezeigt. In diesem Bild wurde dem Dokument in der Designansicht ein Rechteck hinzugefügt, und der XAML-Code für das Rechteck wurde in der XAML-Ansicht von Expression Blend generiert.

Verbindung zwischen Expression Blend-Designansicht und XAML-Ansicht

Cc294525.b5f7566b-7d9a-4cff-a898-53b96c3bba7c(de-de,Expression.40).png

In der Designansicht können Sie den XAML-Code für ein bestimmtes Objekt schnell anzeigen, indem Sie auf der Zeichenfläche oder im Panel Objekte und Zeitachsen mit der rechten Maustaste auf das Objekt und dann auf XAML anzeigen klicken. Die XAML-Ansicht wird automatisch aufgerufen und der XAML-Code für das ausgewählte Objekt wird hervorgehoben.

Weitere Informationen zum Erstellen von Anwendungen in der Designansicht von Expression Blend finden Sie unter Anordnen von Objekten, Zeichnen von Formen und Pfaden, Einfügen von 3D-Objekten und in anderen verwandten Themen in diesem Benutzerhandbuch.

Copyright © 2011 Microsoft Corporation. Alle Rechte vorbehalten.