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. 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 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