Gewusst wie: Erstellen einer ElementName-Datenbindung

Sie können mit dem WPF Designer für Visual Studio den Eigenschaftswert eines Elements an eine Eigenschaft eines anderen benannten Elements binden. Sie können z. B. die Background-Eigenschaft eines Steuerelements an die Background-Eigenschaft des übergeordneten Elements binden.

So erstellen Sie eine Datenbindung mit einem benannten Element

  1. Erstellen Sie in Visual Basic oder Visual C# ein neues WPF-Anwendungsprojekt mit dem Namen DataBindingDemo. Weitere Informationen finden Sie unter Gewusst wie: Erstellen eines neuen WPF-Anwendungsprojekts.

    Die Datei MainWindow.xaml wird im WPF-Designer geöffnet. 

  2. Klicken Sie in der Entwurfsansicht mit der rechten Maustaste auf das Grid-Stammsteuerelement, und wählen Sie im Kontextmenü Eigenschaften aus.

  3. Klicken Sie oben im Eigenschaftenfenster in das Feld Name, geben Sie rootGrid ein, und drücken Sie EINGABETASTE, um das Grid-Steuerelement zu benennen.

  4. Suchen Sie im Eigenschaftenfenster die Background-Eigenschaft.

  5. Verwenden Sie den Pinsel-Editor, um einen Pinsel zu erstellen und der Background-Eigenschaft zuzuweisen. Weitere Informationen finden Sie unter Gewusst wie: Erstellen eines Pinsels mit dem Pinsel-Editor.

  6. Ziehen Sie aus der Toolbox ein ListBox-Steuerelement in das Grid-Steuerelement.

  7. Suchen Sie im Eigenschaftenfenster die Background-Eigenschaft des ListBox-Steuerelements.

  8. Klicken Sie auf den Vererbungseigenschaftenmarker (Symbol für die Vererbung des Eigenschaftenmarkers).

  9. Klicken Sie auf Datenbindung übernehmen.

    Der Datenbindungs-Generator wird angezeigt.

  10. Klicken Sie im Bereich Quelle im linken Bereich auf ElementName.

  11. Klicken Sie im mittleren Bereich auf rootGrid.

    Quellenbereich im Datenbindungs-Generator

  12. Klicken Sie in den Bereich Pfad.

  13. Klicken Sie im Bereich "Pfad" im linken Bereich auf die Background-Eigenschaft.

    Die Background-Eigenschaft des ListBox-Steuerelements ist an die Background-Eigenschaft des Rastersteuerelements gebunden.

    Pfadbereich im Datenbindungs-Generator

  14. Klicken Sie außerhalb des Datenbindungs-Generators, um den Generator zu schließen.

  15. Beachten Sie in der XAML-Ansicht die Markuperweiterung, die für die Background-Eigenschaft hinzugefügt wurde.

    Background="{Binding ElementName=rootGrid, Path=Background}"

Siehe auch

Referenz

Binding

Konzepte

Übersicht über Datenbindung

Weitere Ressourcen

Arbeiten mit dem WPF-Designer