Delen via


Hoe de eigenschappen van twee besturingselementen koppelen

In dit voorbeeld ziet u hoe u de eigenschap van één geïnstantieerd besturingselement koppelt aan die van een andere met behulp van de eigenschap ElementName.

Voorbeeld

In het volgende voorbeeld ziet u hoe u de eigenschap Background van een Canvas koppelt aan de eigenschap SelectedItem.Content van een ComboBox:

<Window
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  Width="460" Height="200"
  Title="Binding the Properties of Two Controls">

  <Window.Resources>
    <Style TargetType="TextBlock">
      <Setter Property="FontSize" Value="16"/>
      <Setter Property="FontWeight" Value="Bold"/>
      <Setter Property="DockPanel.Dock" Value="Top"/>
      <Setter Property="HorizontalAlignment" Value="Center"/>
    </Style>
    <Style TargetType="Canvas">
      <Setter Property="Height" Value="50"/>
      <Setter Property="Width" Value="50"/>
      <Setter Property="Margin" Value="8"/>
      <Setter Property="DockPanel.Dock" Value="Top"/>
    </Style>
    <Style TargetType="ComboBox">
      <Setter Property="Width" Value="150"/>
      <Setter Property="Margin" Value="8"/>
      <Setter Property="DockPanel.Dock" Value="Top"/>
    </Style>
  </Window.Resources>

  <Border Margin="10" BorderBrush="Silver" BorderThickness="3" Padding="8">
    <DockPanel>
      <TextBlock>Choose a Color:</TextBlock>
      <ComboBox Name="myComboBox" SelectedIndex="0">
        <ComboBoxItem>Green</ComboBoxItem>
        <ComboBoxItem>Blue</ComboBoxItem>
        <ComboBoxItem>Red</ComboBoxItem>
      </ComboBox>
      <Canvas>
        <Canvas.Background>
          <Binding ElementName="myComboBox" Path="SelectedItem.Content"/>
        </Canvas.Background>
      </Canvas>
    </DockPanel>
  </Border>
</Window>

Wanneer dit voorbeeld wordt weergegeven, ziet dit er als volgt uit:

Schermopname van een keuzelijst met de waarde groen geselecteerd en een groen vierkant.

Notitie

De eigenschap bindingsdoel (in dit voorbeeld moet de eigenschap Background) een afhankelijkheidseigenschap zijn. Zie Overzicht van gegevensbindingenvoor meer informatie.

Zie ook