Der WPF-Designer für Windows Forms-Entwickler

Aktualisiert: November 2007

Der Windows Presentation Foundation (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.

• 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 hierzu 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	Um eine Eigenschaft zu suchen, verwenden Sie das Feld Suchen im Eigenschaftenfenster. Um Eigenschaften zu durchsuchen, verwenden Sie IntelliSense in der XAML-Ansicht oder im Code-Editor. Sie können auch den Objektbrowser 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 das Komponentenfach	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 hierzu finden Sie unter Gewusst wie: Importieren eines Namespace in XAML.
Das Datenquellenfenster und Datenbindung	Der WPF-Designer unterstützt das Datenquellenfenster in dieser Version nicht. Verwenden Sie die XAML-Ansicht, um die Datenquellen und die Datenbindungen zu definieren. 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	Doppelklicken Sie für den Standardereignishandler auf das Steuerelement in der Entwurfsansicht. Verwenden Sie für andere Ereignisse IntelliSense in der XAML-Ansicht, und wählen Sie das gewünschte Ereignis aus der Dropdownliste aus. Weitere Informationen hierzu 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ür komplexe Pinsel, z. B. Farbverlaufspinsel, verwenden Sie Expression Blend. 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	Verwenden Sie die XAML-Ansicht, 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	Fügen Sie das Bild dem Projekt hinzu, und legen Sie seinen Buildvorgang auf Ressource fest. Platzieren Sie ein Image-Steuerelement auf der Entwurfsoberfläche, und legen Sie seine Source-Eigenschaft im Eigenschaftenfenster fest. Weitere Informationen hierzu finden Sie unter Gewusst wie: Zuweisen eines Bildes zu einem Image-Steuerelement. Sie können das Quellbild auch mit der Paket-URI-Syntax festlegen. Weitere Informationen hierzu finden Sie unter Paket-URIs in Windows Presentation Foundation.
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 hierzu 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 hierzu finden Sie unter Gewusst wie: Implementieren der Bindungsvalidierung.
Expander	Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht.
Frame	Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht.
Gehe zu Definition	Öffnen Sie alle XAML-Dateien im Projekt, und verwenden Sie das Fenster Suchen und Ersetzen. Weitere Informationen hierzu 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 hierzu finden Sie unter Gewusst wie: Importieren eines Namespace in XAML. Hinweis: 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 hierzu 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.
Visuelles Festlegen von komplexen Eigenschaften, z. B. Schrifteigenschaften, Ressourcen, Pinsel und Farben	Verwenden Sie die XAML-Ansicht oder Expression Blend.
Smarttags	Wird nicht unterstützt.
TabControl	Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht.
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

Referenz

Referenz zur WPF-Designer-Benutzeroberfläche

Weitere Ressourcen

Erste Schritte mit dem WPF-Designer