Freigeben über

Exemplarische Vorgehensweise: Anordnen von WPF-Inhalten in Windows Forms zur Entwurfszeit

  • Artikel

In diesem Artikel wird veranschaulicht, wie die Windows Forms-Layoutfunktionen, z. B. Verankern und Ausrichtungslinien, verwendet werden können, um WPF-Steuerelemente (Windows Presentation Foundation) anzuordnen.

Voraussetzungen

Sie benötigen Visual Studio, um diese Anleitung abzuschließen.

Erstelle das Projekt

Öffnen Sie Visual Studio, und erstellen Sie ein neues Windows Forms Application-Projekt in Visual Basic oder Visual C# mit dem Namen ArrangeElementHost.

Anmerkung

Beim Hosten von WPF-Inhalten werden nur C#- und Visual Basic-Projekte unterstützt.

Erstellen des WPF-Steuerelements

Nachdem Sie dem Projekt ein WPF-Steuerelement hinzugefügt haben, können Sie es im Formular anordnen.

  1. Fügen Sie dem Projekt ein neues WPF-UserControl-Objekt hinzu. Verwenden Sie den Standardnamen für den Steuerelementtyp UserControl1.xaml. Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Erstellen neuer WPF-Inhalte in Windows Forms zur Entwurfszeit.

  2. Stellen Sie in der Entwurfsansicht sicher, dass UserControl1 ausgewählt ist.

  3. Legen Sie im Fenster Eigenschaften den Wert der eigenschaften Width und Height auf 200fest.

  4. Legen Sie den Wert der eigenschaft Background auf Bluefest.

  5. Erstellen Sie das Projekt.

Hosten von WPF-Steuerelementen in einem Layoutbereich

Sie können WPF-Steuerelemente in Layoutbereichen auf die gleiche Weise wie andere Windows Forms-Steuerelemente verwenden.

  1. Öffnen Sie Form1 im Windows Forms-Designer.

  2. Ziehen Sie aus der Toolbox ein TableLayoutPanel-Steuerelement auf das Formular.

  3. Wählen Sie im Smarttagbereich des TableLayoutPanel-Steuerelements die Option Letzte Zeile entfernen aus.

  4. Ändern Sie die Größe des TableLayoutPanel-Steuerelements, sodass es breiter und höher wird.

  5. Doppelklicken Sie in der Toolbox auf UserControl1, um eine Instanz von UserControl1 in der ersten Zelle des TableLayoutPanel-Steuerelements zu erstellen.

    Die Instanz von UserControl1 wird in einem neuen ElementHost-Steuerelement namens elementHost1 gehostet.

  6. Doppelklicken Sie in der Toolbox auf UserControl1, um in der zweiten Zelle des TableLayoutPanel-Steuerelements eine weitere Instanz zu erstellen.

  7. Wählen Sie im Fenster Dokumentgliederung das Element tableLayoutPanel1 aus.

  8. Legen Sie im Fenster Eigenschaften den Wert der Eigenschaft Padding auf 10, 10, 10, 10fest.

    Die Größe beider ElementHost-Steuerelemente wird entsprechend dem neuen Layout angepasst.

Verwenden von Ausrichtungslinien zum Ausrichten von WPF-Steuerelementen

Ausrichtungslinien erleichtern die Ausrichtung von Steuerelementen auf einem Formular. Sie können Ausrichtungslinien auch verwenden, um WPF-Steuerelemente auszurichten. Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Anordnen von Steuerelementen in Windows Forms mithilfe von Ausrichtungslinien.

  1. Ziehen Sie aus der Toolbox eine Instanz von UserControl1 auf das Formular, und platzieren Sie diese in dem Bereich unterhalb des TableLayoutPanel-Steuerelements.

    Die Instanz von UserControl1 wird in einem neuen ElementHost-Steuerelement namens elementHost3 gehostet.

  2. Richten Sie den linken Rand von elementHost3 mithilfe der Ausrichtungslinien am linken Rand des TableLayoutPanel-Steuerelements aus.

  3. Legen Sie die Breite von elementHost3 mithilfe der Ausrichtungslinien auf dieselbe Breite wie das TableLayoutPanel-Steuerelement fest.

  4. Verschieben Sie elementHost3 in Richtung des TableLayoutPanel-Steuerelements, bis zwischen den Steuerelementen eine mittige Ausrichtungslinie angezeigt wird.

  5. Legen Sie im Eigenschaftenfenster den Wert der Margin-Eigenschaft auf 20, 20, 20, 20 fest.

  6. Verschieben Sie elementHost3 vom TableLayoutPanel-Steuerelement weg, bis die mittige Ausrichtungslinie erneut angezeigt wird. Die mittige Ausrichtungslinie kennzeichnet jetzt einen Rand von 20.

  7. Verschieben Sie elementHost3 nach rechts, bis dessen linker Rand mit dem linken Rand von elementHost1ausgerichtet ist.

  8. Ändern Sie die Breite von elementHost3, bis dessen rechter Rand mit dem rechten Rand von elementHost2ausgerichtet ist.

Verankern und Andocken von WPF-Steuerelementen

Ein in einem Formular gehostetes WPF-Steuerelement weist das gleiche Verankerungs- und Andockverhalten wie andere Windows Forms-Steuerelemente auf.

  1. Wählen Sie elementHost1aus.

  2. Legen Sie im Eigenschaftenfenster die Anchor-Eigenschaft auf Oben, Unten, Links, Rechts fest.

  3. Vergrößern Sie das TableLayoutPanel-Steuerelement.

    Die Größe des elementHost1-Steuerelements wird geändert, sodass es die Zelle ausfüllt.

  4. Wählen Sie elementHost2aus.

  5. Legen Sie im Fenster Eigenschaften den Wert der eigenschaft Dock auf Fillfest.

    Die Größe des elementHost2-Steuerelements wird geändert, sodass es die Zelle ausfüllt.

  6. Wählen Sie das TableLayoutPanel-Steuerelement aus.

  7. Legen Sie den Wert von dessen Dock-Eigenschaft auf Top fest.

  8. Wählen Sie elementHost3aus.

  9. Legen Sie den Wert von dessen Dock-Eigenschaft auf Fill fest.

    Die Größe des elementHost3-Steuerelements wird so geändert, dass es den verbleibenden Platz auf dem Formular ausfüllt.

  10. Ändern Sie die Größe des Formulars.

    Die Größen aller drei ElementHost-Steuerelemente werden entsprechend angepasst.

    Weitere Informationen finden Sie unter Gewusst wie: Verankern und Andocken von untergeordneten Steuerelementen in einem TableLayoutPanel-Steuerelement.

Weitere Informationen