방법: 두 컨트롤의 속성 바인딩How to: Bind the Properties of Two Controls

이 예제에서는 ElementName 속성을 사용 하 여 인스턴스화된 한 컨트롤의 속성을 다른 컨트롤의 속성에 바인딩하는 방법을 보여 줍니다.This example shows how to bind the property of one instantiated control to that of another using the ElementName property.

예제Example

다음 예제에서는 CanvasBackground 속성을 ComboBoxSelecteditem. Content 속성에 바인딩하는 방법을 보여 줍니다.The following example shows how to bind the Background property of a Canvas to the SelectedItem.Content property of a 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>

이 예를 렌더링하면 다음과 같이 표시됩니다.When this example is rendered it looks like the following:

녹색 값이 선택 되 고 녹색 사각형이 있는 콤보 상자를 보여 주는 스크린샷

참고

바인딩 대상 속성 (이 예제에서는 Background 속성)은 종속성 속성 이어야 합니다.The binding target property (in this example, the Background property) must be a dependency property. 자세한 내용은 데이터 바인딩 개요를 참조하세요.For more information, see Data Binding Overview.

참조See also