Share via

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

Für diese exemplarische Vorgehensweise benötigen Sie Visual Studio.

Erstellen des Projekts

Öffnen Sie Visual Studio, und erstellen Sie ein neues Windows Forms-Anwendungsprojekt namens ArrangeElementHost in Visual Basic oder Visual C#.

Hinweis

Beim Hosten von WPF-Inhalt 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 dieses auf dem Formular anordnen.

  1. Fügen Sie dem Projekt ein neues WPF-UserControl-Objekt hinzu. Verwenden Sie den Standardnamen, UserControl1.xaml, für den Steuerelementtyp. Weitere Informationen finden Sie unter Exemplarische Vorgehensweise: Erstellen neuen WPF-Inhalts 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 200 fest.

  4. Legen Sie den Wert der Background-Eigenschaft auf Blue fest.

  5. Erstellen Sie das Projekt.

Hosten von WPF-Steuerelementen in einem Layoutbereich

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

  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 Eigenschaftenfenster den Wert der Padding-Eigenschaft auf 10, 10, 10, 10 fest.

    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, steuern, 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 am linken Rand von elementHost1 ausgerichtet ist.

  8. Ändern Sie die Breite von elementHost3 bis dessen rechter Rand am rechten Rand von elementHost2 ausgerichtet ist.

Verankern und Andocken von WPF-Steuerelementen

Ein auf einem Formular gehostetes WPF-Steuerelement hat dasselbe Verankerungs- und Andockverhalten auf wie andere Windows Forms-Steuerelemente.

  1. Wählen Sie elementHost1aus.

  2. Legen Sie im Eigenschaftenfenster die Anchor-Eigenschaft auf Top, Bottom, Left, Right (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 Eigenschaftenfenster den Wert der Dock-Eigenschaft auf Fill fest.

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

  6. Wählen Sie das TableLayoutPanel-Steuerelement.

  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