Freigeben über


Der WPF-Designer für Windows Forms-Entwickler

Der WPF Designer für Visual Studio weist viele Ähnlichkeiten zum Windows Forms-Designer auf, aber auch einige Unterschiede. In diesem Thema werden einige dieser Unterschiede erläutert. Außerdem wird veranschaulicht, wie Sie Aufgaben, die Ihnen aus dem Windows Forms-Designer vertraut sind, mit dem WPF-Designer ausführen.

Schwerpunkt auf XAML

Der offensichtlichste Unterschied zwischen dem Windows Forms-Designer und dem WPF-Designer ist die geteilte Ansicht. Eine geteilte Ansicht ermöglicht die gleichzeitige Anzeige der Entwurfsoberfläche und von XAML-Markup. Der WPF-Designer hebt die XAML-Ansicht hervor und stellt umfassende Bearbeitungsfunktionen, einschließlich IntelliSense, für die XAML Ihrer Anwendung bereit. Sie können mit der XAML-Ansicht viele Aufgaben ausführen, die Ihnen vom Windows Forms-Designer vertraut sind. Die geteilte Ansicht bietet ein sofortiges Feedback, indem sie die Auswirkungen Ihrer Bearbeitungsvorgänge in der XAML-Ansicht anzeigt. Weitere Informationen über die geteilte Ansicht finden Sie unter Geteilte Ansicht: Gleichzeitiges Anzeigen der WPF-Entwurfsoberfläche und von XAML-Markup.

Sie können auch Expression Blend mit Visual Studio verwenden, um die Aufgaben auszuführen, die im WPF-Designer nicht unterstützt werden. Weitere Informationen finden Sie unter Integration mit Expression Blend.

Verbesserungen des WPF-Designers

Es gibt eine Vielzahl von Verbesserungen am WPF-Designer, die beim Windows Forms-Designer nicht zur Verfügung stehen. Die Verbesserungen umfassen:

  • Randlinien und -stubs: Randlinien um Steuerelemente geben an, dass ein Rand für dieses Steuerelement festgelegt wurde. Ein Randstub gibt an, dass kein Rand für dieses Steuerelement festgelegt wurde.

  • Zoomsteuerelement: Das Zoomsteuerelement wird in der oberen linken Ecke der Entwurfsansicht angezeigt und ermöglicht Entwicklern ein Vergrößern oder Verkleinern der Entwurfsoberfläche, um so genaue Anpassungen auszuführen. Nachdem Sie die Ansicht vergrößert haben, können Sie auch über die Entwurfsoberfläche schwenken.

  • Ausrichtungslinien: Ausrichtungslinien werden sowohl im WPF-Designer als auch im Windows Forms-Designer angezeigt, aber nur im WPF-Designer geben sie exakte Werte an. Zusätzlich zur Anzeige der Steuerelementausrichtung geben Ausrichtungslinien auch die Textausrichtung bei textbasierten Steuerelementen an. Weitere Informationen finden Sie unter Gewusst wie: Ausrichten an Textbasislinien und Rändern.

Windows Forms-Designer-Aufgaben und WPF-Designer-Entsprechungen

Die folgende Tabelle enthält eine Übersicht über das Ausführen verschiedener Aufgaben im WPF-Designer.

Aufgabe im Windows Forms-Designer

Entsprechung im WPF-Designer

Absolutes Layout

Verwenden Sie die Canvas-Klasse als Stammelement.

Alphabetische Sortierung im Eigenschaftenfenster

Klicken Sie im Eigenschaftenfenster auf die Schaltfläche Alphabetisch. Um nach einer Eigenschaft zu suchen, verwenden Sie das Feld Suchen.

Sie können Eigenschaften mit IntelliSense in der XAML-Ansicht oder dem Code-Editor durchsuchen. Sie können auch den Objektkatalog verwenden.

Verankern

Verwenden Sie das Grid und die Ankerfunktionen in der Entwurfsansicht, um die Ankerziele festzulegen.

Animation

Expression Blend verwenden

Anwendungssymbol

Legen Sie die Icon-Eigenschaft in der Window-Hauptklasse der Anwendung fest.

Zuweisen der Registerkartenreihenfolge

Wählen Sie jedes Steuerelement aus, und legen Sie die entsprechende TabIndex-Eigenschaft in der XAML-Ansicht oder im Eigenschaftenfenster fest. Die Standardregisterkartenreihenfolge ist die Reihenfolge, in der die Steuerelemente im übergeordneten Container angezeigt werden.

Komponenten und die Komponentenleiste

Nicht visuelle Komponenten werden nicht in der WPF-Designer-Toolbox angezeigt. Verwenden Sie die XAML-Ansicht und die Namespacezuordnung, um auf Ressourcen und nicht lokale Typen zu verweisen. Weitere Informationen finden Sie unter Gewusst wie: Importieren eines Namespace in XAML.

Das Datenquellenfenster und Datenbindung

Verwenden Sie das Datenquellenfenster. Weitere Informationen finden Sie unter Binden von WPF-Steuerelementen an Daten in Visual Studio.

Sie können mit der DesignInstance-Markuperweiterung eine Bindung mit einer Entwurfszeitinstanz der Daten erstellen. Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Binden von Daten im Designer mit einer DesignInstance.

Sie können auch Expression Blend verwenden, um Ihre Datenquellen und Datenbindungen zu definieren, wenn die Bindung an XML oder Objekte erfolgt. Kopieren Sie die automatisch generierte XAML, und fügen Sie sie in der XAML-Ansicht im WPF-Designer ein. Sie können das Visual Studio-Projekt auch in Expression Blend öffnen und Ressourcen direkt erstellen.

Deklarieren und Anfügen von Ereignishandlern

Klicken Sie im Eigenschaftenfenster auf die Schaltfläche Ereignisse, und doppelklicken Sie auf das gewünschte Ereignis.

Doppelklicken Sie für den Standardereignishandler auf das Steuerelement in der Entwurfsansicht. Sie können auch IntelliSense in der XAML-Ansicht verwenden, um das gewünschte Ereignis auszuwählen. Weitere Informationen finden Sie unter Gewusst wie: Erstellen eines einfachen Ereignishandlers.

Entwerfen von Menüs

Verwenden Sie die XAML-Ansicht oder den Auflistungs-Editor im Eigenschaftenfenster in der Items-Auflistung, und legen Sie die Header-Eigenschaft jedes Elements fest.

Definieren von Pinseln und Farben

Führen Sie im Eigenschaftenfenster einen Bildlauf zu einer Pinseltypeigenschaft durch, und klicken Sie auf den Pfeil nach unten. Entwerfen Sie den Pinsel mithilfe des Pinsel-Editors. Weitere Informationen finden Sie unter Gewusst wie: Erstellen eines Pinsels mit dem Pinsel-Editor.

Sie können Expression Blend verwenden. Kopieren Sie die automatisch generierte XAML, und fügen Sie sie in der XAML-Ansicht im WPF-Designer ein. Sie können das Visual Studio-Projekt auch in Expression Blend öffnen und Ressourcen direkt erstellen.

Löschen von Rasterlinien

Klicken Sie auf einen Rasterlinienindikator, und ziehen Sie ihn von der Rasterschiene. Weitere Informationen finden Sie unter Gewusst wie: Entfernen von Zeilen und Spalten aus einem Raster.

Sie können auch die XAML-Ansicht verwenden, um die relevanten Zeilen- oder Spaltendefinitionen zu entfernen. Reparieren Sie dann die Grid.Column-Zuweisung oder die Grid.Row-Zuweisung der betroffenen untergeordneten Steuerelemente im Grid.

Anzeigen von Bildern

Verwenden Sie das Image-Steuerelement. Weitere Informationen finden Sie unter Gewusst wie: Hinzufügen von Bildern zu einem WPF-Projekt.

Anzeigen eines UserControl in der Toolbox

Fügen Sie der Assembly des Benutzersteuerelements einen Projektverweis hinzu, und verwenden Sie IntelliSense in der XAML-Ansicht, um das xmlns-Attribut zuzuweisen.

Sie können auch das Dialogfeld Toolboxelemente auswählen verwenden und zu der Assembly wechseln, die Ihr Steuerelement enthält. Hier gelten jedoch gewisse Einschränkungen. Weitere Informationen finden Sie unter Registerkarte "WPF-Komponenten", Dialogfeld "Toolboxelemente auswählen".

Verteilen von Steuerelementen auf einem Formular

Verwenden Sie das StackPanel-Element.

Andocken

Verwenden Sie das DockPanel-Element für mehrere Steuerelemente. Sie können auch ein Grid verwenden und die Steuerelemente mit Rasterausrichtungslinien an Rasterzellenbegrenzungen ausrichten.

ErrorProvider

Keine visuelle Entwurfszeit. Verwenden Sie die Validation-Klasse in der XAML-Ansicht. Weitere Informationen finden Sie unter Gewusst wie: Implementieren der Bindungsvalidierung.

Befehl Gehe zu Definition

Klicken Sie im Code-Behind mit der rechten Maustaste auf das Symbol, und wählen Sie im Kontextmenü Gehe zu Definition aus.

Um in der XAML-Ansicht zu suchen, öffnen Sie alle XAML-Dateien im Projekt, und verwenden Sie das Fenster Suchen und Ersetzen. Weitere Informationen finden Sie unter Fenster "Suchen und Ersetzen".

HelpProvider

Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht.

Link

Verwenden Sie die Hyperlink-Klasse innerhalb des fortlaufenden Inhalts.

InkCanvas

Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht.

Sperrvorgänge

Wird nicht unterstützt.

MediaElement

Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht.

Mnemonische Zeichen

Stellen Sie dem mnemonischen Zeichen den Unterstrich "_" statt des kaufmännischen Und-Zeichens "&" voran.

Dropdownliste zur Objektauswahl im Eigenschaftenfenster

Wählen Sie das Objekt im Fenster Dokumentgliederung, im Tag-Navigator oder in der Entwurfsansicht aus. Um das Fenster Dokumentgliederung anzuzeigen, öffnen Sie das Menü Ansicht, zeigen Sie auf Weitere Fenster, und wählen Sie dann Dokumentgliederung aus.

Popup

Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht.

Verweisen auf nicht lokale Typen in XAML

Fügen Sie einen Projektverweis hinzu, und verwenden Sie IntelliSense in der XAML-Ansicht, um das xmlns-Attribut festzulegen. Weitere Informationen finden Sie unter Gewusst wie: Importieren eines Namespace in XAML.

HinweisHinweis
Der WPF-Designer versucht, Zuordnungen anhand des Namespacealias nach dem xmlns-Attribut anstelle der vollständigen Syntax unter Verwendung von clr-namespace vorzunehmen.

Umbenennen und Umgestalten

Öffnen Sie alle XAML-Dateien im Projekt, und verwenden Sie das Fenster Suchen und Ersetzen. Weitere Informationen finden Sie unter Fenster "Suchen und Ersetzen".

Entfernen von Rändern

Wählen Sie in der Entwurfsansicht alle Elemente aus, bei denen Ränder entfernt werden sollen. Geben Sie im Eigenschaftenfenster 0 für die Margin-Eigenschaft ein.

Ändern der Größe eines Formulars nach dem Platzieren eines Steuerelements

Da sich durch eine Änderung der Fenstergröße unter Umständen die Größe des Inhalts ändert, verwenden Sie den folgenden Prozess. Wählen Sie alle Elemente aus, und schneiden Sie sie dann aus. Ändern Sie anschließend die Größe des Fensters, und fügen Sie dann die Elemente ein.

Festlegen des Texts für die Steuerelemente Button, Label, CheckBox und RadioButton

Legen Sie im Eigenschaftenfenster die Content-Eigenschaft fest. Legen Sie den Text alternativ in der XAML-Ansicht fest.

Smarttags

Wird nicht unterstützt.

QuickInfos

Keine visuelle Entwurfszeit. Verwenden Sie die ToolTip-Klasse in der XAML-Ansicht.

Viewbox

Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht.

Visuelle Vererbung

Wird nicht unterstützt.

WindowsFormsHost

Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht.

Z-Reihenfolge

Wählen Sie das Elementtag in der XAML-Ansicht aus, und verschieben Sie es, oder wählen Sie im Kontextmenü in der Entwurfsansicht Reihenfolge aus. Verwenden Sie das Fenster Dokumentgliederung, um die Z-Reihenfolge des Elements zu bestätigen.

Siehe auch

Konzepte

Windows Forms-Steuerelemente und äquivalente WPF-Steuerelemente

Übersicht über den WPF- und Silverlight-Designer

Weitere Ressourcen

Erste Schritte mit dem WPF-Designer