Freigeben über

Konfigurieren von XAML-Designeroptionen in Visual Studio

Mit dem XAML-Designer in Visual Studio können Sie XAML-Dokumente für WPF- und UWP-Projekte visuell bearbeiten. Indem Sie Designer-Optionen aktivieren und anpassen, können Sie Ihren Workflow optimieren und die Bearbeitungserfahrung an Ihre Anforderungen anpassen. Dieser Artikel führt Sie durch das Aktivieren des Designers und die Konfiguration seiner Schlüsseloptionen.

Voraussetzungen

  • Visual Studio installiert
  • Ein XAML-basiertes Projekt (z. B. WPF oder UWP)

Aktivieren des XAML-Designers

Ermöglichen Sie dem XAML-Designer den Zugriff auf visuelle Bearbeitungsfeatures und erweiterte IntelliSense für XAML-Dokumente.

  1. Starten Sie Visual Studio, und wählen Sie " Extras > "-Optionen im Hauptmenü aus.

  1. Erweitern Sie im Bereich "Optionen " den Abschnitt "Alle Einstellungen>" des XAML-Designers>" Allgemein ".

  2. Aktivieren Sie das Kontrollkästchen XAML-Designer aktivieren .

  3. Starten Sie Visual Studio neu, damit ihre Änderungen wirksam werden.

  1. Erweitern Sie im Dialogfeld "Optionen " den Abschnitt "XAML-Designer>allgemein ".

  1. Aktivieren Sie das Kontrollkästchen XAML-Designer aktivieren und dann OK.

  2. Starten Sie Visual Studio neu, damit ihre Änderungen wirksam werden.

Festlegen der Standarddokumentansicht

Wählen Sie aus, wie XAML-Dokumente beim Öffnen angezeigt werden, einschließlich des XAML-Quellcodes, der visuellen Entwurfsansicht des Codes oder beides.

  1. Öffnen Sie den Bereich "Extras>Optionen ", und erweitern Sie den Abschnitt "Alle Einstellungen>XAML Designer>Allgemein ".
  1. Öffnen Sie das Dialogfeld "Toolsoptionen>", und erweitern Sie den Abschnitt "XAML-Designer>".

  1. Verwenden Sie die Dropdownliste, und legen Sie den Wert der Einstellung für die Standarddokumentansicht fest:

    • Quellansicht: Nur den XAML-Quellcode anzeigen.
    • Entwurfsansicht: Nur den visuellen Designer anzeigen.
    • Geteilte Ansicht: Zeigen Sie sowohl den visuellen Designer als auch den Quellcode nebeneinander an.
  1. Wählen Sie OK aus.

Teilungsausrichtung ändern

Passen Sie das Layout der geteilten Ansicht an Ihren Workflow an.

  1. Öffnen Sie den Bereich "Extras>Optionen ", und erweitern Sie den Abschnitt "Alle Einstellungen>XAML Designer>Allgemein ".
  1. Öffnen Sie das Dialogfeld "Toolsoptionen>", und erweitern Sie den Abschnitt "XAML-Designer>".

  1. Verwenden Sie die Dropdownliste, und legen Sie den Wert der Einstellung "Geteilte Ausrichtung " fest:

    • Vertikal: Zeigen Sie den Quellcode im linken Bereich und den visuellen Designer im rechten Bereich an.
    • Horizontal: Zeigen Sie den visuellen Designer im oberen Bereich und den Quellcode im unteren Bereich an.
    • Standard: Verwenden Sie die plattform-empfohlene Ausrichtung.
  1. Wählen Sie OK aus.

Konfigurieren des Zoomverhaltens

Legen Sie fest, wie Sie den XAML-Designer vergrößern, um die Navigation zu vereinfachen.

  1. Öffnen Sie den Bereich "Extras>Optionen ", und erweitern Sie den Abschnitt "Alle Einstellungen>XAML Designer>Allgemein ".
  1. Öffnen Sie das Dialogfeld "Toolsoptionen>", und erweitern Sie den Abschnitt "XAML-Designer>".

  1. Verwenden Sie die Dropdownliste, und legen Sie den Wert des Zoom mithilfe der Einstellung fest.

    • Mausrad
    • STRG+Mausrad
    • ALT+Mausrad
  1. Wählen Sie OK aus.

Weitere Informationen zum Zurücksetzen von Visual Studio-Einstellungen finden Sie unter "Zurücksetzen von Einstellungen".

Standardeinstellung für Zoom

Verwenden Sie diese Einstellung, um den Standardzoomwert zum Anzeigen des XAML-Dokuments zu ermitteln.

  1. Öffnen Sie den Bereich "Extras>Optionen ", und erweitern Sie den Abschnitt "Alle Einstellungen>XAML Designer>Allgemein ".
  1. Öffnen Sie das Dialogfeld "Toolsoptionen>", und erweitern Sie den Abschnitt "XAML-Designer>".

  1. Verwenden Sie die Dropdownliste, und legen Sie den Wert der Option "Standardzoomeinstellung" fest :

    • Zuletzt verwendet: Verwenden Sie standardmäßig den zuletzt verwendeten Zoomwert für alle XAML-Dokumente. Wenn ein XAML-Dokument zum ersten Mal geöffnet wird, wird die Einstellung "Alle anpassen" nur zum ersten Mal verwendet.
    • Alle anpassen: Verwenden Sie diese Option, um den Zoomwert auf "Alle anpassen" für den XAML-Designer festzulegen. Wenn ein XAML-Dokument geschlossen und erneut geöffnet wird, wird der letzte Satzwert für diese Sitzung beibehalten, aber für unterschiedliche Sitzungen wird standardmäßig "Fit All" verwendet.
  1. Wählen Sie OK aus.

Editoreinstellungen

Diese Einstellungen bestimmen das Verhalten des visuellen Designers beim Bearbeiten eines XAML-Dokuments.

Name Description
Automatisches Benennen interaktiver Elemente bei der Erstellung Gibt an, ob ein Standardname für ein neues interaktives Element bereitgestellt wird, wenn Sie dem Designer einen hinzufügen.
Automatisches Einfügen von Layouteigenschaften bei der Elementerstellung Gibt an, ob Layouteigenschaften für ein neues Element bereitgestellt werden, wenn Sie dem Designer ein Element hinzufügen. Layouteigenschaften sind solche, die sich auf das Layout eines Steuerelements auswirken, z. B. Margin und VerticalAlignment. Der folgende XAML-Code zeigt, wie eine Schaltfläche mit und ohne diese Option erstellt wird:
<Button Content="Button" HorizontalAlignment="Left" Margin="245,56,0,0" Grid.Row="1" VerticalAlignment="Top" Width="75"/>
<Button Content="Button" Grid.Row="1"/>
Verwenden des quadrantbasierten Layouts Gibt an, ob das aktuell ausgewählte Steuerelement an den nächsten Rändern des übergeordneten Containers ausgerichtet ist. Wenn dieses Kontrollkästchen deaktiviert ist, ändern sich die Ausrichtungen des Steuerelements während eines Verschiebungs- oder Erstellungsvorgangs nicht.
Automatisches Auffüllen von Toolboxelementen Gibt an, ob Benutzersteuerelemente und benutzerdefinierte Steuerelemente in der aktuellen Lösung automatisch in der Toolbox angezeigt werden.
Automatisches Hinzufügen von Beispieldaten zur Elementerstellung Gibt an, ob beim Hinzufügen eines neuen interaktiven Elements zum Designer automatisch Beispieldaten hinzugefügt werden sollen.
Aktivieren von schnellen Aktionen für Designer Ermöglicht Ihnen, schnelle Tastaturaktionen für den Zugriff auf Features in der Toolbox zu verwenden.

Einstellungen (nur Blend)

Verwenden Sie diese Optionen, um auf eindeutige Einstellungen zuzugreifen, wenn Sie XAML-Dateien mithilfe von Blend bearbeiten.

Öffnen Sie in Blend den Bereich Extras>Optionen und erweitern Sie den Abschnitt Alle Einstellungen>XAML-Designer>Allgemein.

Öffnen Sie in Blend das Dialogfeld "Toolsoptionen>", und erweitern Sie den Abschnitt"XAML-Designer>Allgemein".

Es gibt eine Blend-spezifische Eigenschaft:

  • Typeinheiten: Gibt an, ob Maßangaben für den Designer auf Punkten oder Pixeln basieren. Da universelle Windows-Apps keine Punkte unterstützen, werden Einheiten automatisch in Pixel konvertiert, wenn Sie Punkte auswählen.

Zeichenbrett (ausschließlich Blend)

Verwenden Sie diese Einstellungen, um das VERHALTEN des XAML-Designers zu bestimmen, wenn Sie XAML-Dokumente in Blend bearbeiten.

Öffnen Sie in Blend den Bereich Tools>Optionen und erweitern Sie den Abschnitt Alle Einstellungen>XAML Designer>Artboard.

Öffnen Sie in Blend das Dialogfeld ">Optionen", und erweitern Sie den XAML-Designer>-Abschnitt.

In den folgenden Abschnitten werden die verfügbaren Artboardeigenschaften beschrieben.

Einrasten

Name Description
Andockraster anzeigen Geben Sie an, ob Gitternetzlinien im Designer angezeigt werden, damit Sie Steuerelemente ausrichten können. Dem Designer hinzugefügte Steuerelemente werden an diesen Gitternetzlinien angedockt, wenn die Option "An Gitternetzlinien ausrichten " ausgewählt ist.
An Gitternetzlinien ausrichten Wenn Steuerelemente zum Designer hinzugefügt oder verschoben werden, werden sie an den Gitternetzlinien ausgerichtet.
Gitternetzlinienabstand Gibt den Abstand zwischen den Gitternetzlinien in Pixeln oder Punkten an (wie durch die Einstellung " Typeinheiten " bestimmt).
An Andocklinien ausrichten Gibt an, ob Steuerelemente an Führungslinien ausgerichtet werden.
Standardrand Wenn „An Andocklinien ausrichten“ aktiviert ist, wird der Abstand zwischen dem Steuerelement und den Andocklinien in Pixeln oder Punkten (wie durch die Einstellung Typeinheiten bestimmt) angegeben.
Standardabstand Wenn "An Andocklinien ausrichten" aktiviert ist, wird der zusätzliche Abstand zwischen dem Steuerelement und den Andocklinien in Pixeln oder Punkten (wie durch die Einstellung " Typeinheiten " bestimmt) angegeben.

Zeichentrickfilm

Verwenden Sie die Einstellung "Animation ", um zu ermitteln, ob eine Warnung angezeigt wird, wenn abhängige Animationen (nicht entschleunigt) in Blend aktiviert sind.

Effekte

Verwenden Sie die Effekteinstellungen , um zu bestimmen, ob Effekte beim Bearbeiten von XAML-Dateien im XAML-Designer gerendert werden, wenn Sie in Blend arbeiten.

Name Description
Rendereffekte Gibt an, ob Effekte beim Bearbeiten von XAML-Dateien im XAML-Designer mithilfe von Blend gerendert werden.
Zoomschwellenwert Gibt den Prozentsatz des Zooms an, in dem Effekte gerendert werden, wenn das Kontrollkästchen "Rendereffekte " aktiviert ist. Wenn Sie über diese Einstellung hinaus zoomen, werden die Effekte im XAML-Designer nicht mehr gerendert.

Siehe auch

  • Last updated on