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. |
||
Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht. |
|||
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. |
||
Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht. |
|||
Sperrvorgänge |
Wird nicht unterstützt. |
||
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. |
||
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.
|
||
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. |
||
Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht. |
|||
QuickInfos |
Keine visuelle Entwurfszeit. Verwenden Sie die ToolTip-Klasse in der XAML-Ansicht. |
||
Keine visuelle Entwurfszeit. Verwenden Sie die XAML-Ansicht. |
|||
Visuelle Vererbung |
Wird nicht unterstützt. |
||
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. |
.gif "Hinweis")
Hinweis:Siehe auch
Konzepte
Windows Forms-Steuerelemente und äquivalente WPF-Steuerelemente
Referenz
Referenz zur WPF-Designer-Benutzeroberfläche