Der WPF-Designer für Windows Forms-Entwickler
[Dieses Dokument dient lediglich Vorschauzwecken und kann in späteren Versionen geändert werden. Leere Themen sind als Platzhalter enthalten.]
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 Wählen Sie die Option WPF-Komponenten, Toolboxelemente. |
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 Find and Replace Window. |
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 finden Sie unter Gewusst wie: Importieren eines Namespace in XAML. .gif "Note") Note
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 Find and Replace Window. |
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. |
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. |
Siehe auch
Konzepte
Windows Forms-Steuerelemente und äquivalente WPF-Steuerelemente
Übersicht über den WPF- und Silverlight-Designer