Cómo: Enlazar las propiedades de dos controles

  • Artículo

Actualización: noviembre 2007

En este ejemplo se muestra cómo enlazar la propiedad de un control del que se ha creado una instancia con la de otro, utilizando la propiedad ElementName.

Ejemplo

En el ejemplo siguiente se muestra cómo enlazar la propiedad Background de un control Canvas con la propiedad SelectedItem.Content de un control ComboBox:

<Window
  xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="https://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>

Cuando se representa este ejemplo tiene un aspecto similar a lo siguiente:

Lienzo con un fondo verde

Para obtener el ejemplo completo, vea Ejemplo Binding the Properties of UI Elements.

Nota   La propiedad de destino del vínculo (en este ejemplo, la propiedad Background) debe ser una propiedad de dependencia. Para obtener más información, consulte Información general sobre el enlace de datos.

Vea también

Tareas

Cómo: Especificar el origen de enlace

Otros recursos

Ejemplos de enlace de datos

Temas "Cómo..." sobre enlace de datos