[C#/WPF] Binding 엘리먼트 : ElementName/Path 속성을 사용해 두 컨트롤 속성 바인딩하기

■ Binding 엘리먼트의 ElementName/Path 속성을 사용해 두 컨트롤의 속성을 바인딩하는 방법을 보여준다.

▶ MainWindow.xaml


<Window x:Class="TestProject.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="800"
    Height="600"
    Title="TestProject"
    FontFamily="나눔고딕코딩"
    FontSize="16">
    <Border
        Margin="10"
        CornerRadius="10"
        BorderThickness="5"
        BorderBrush="RoyalBlue">
        <StackPanel
            HorizontalAlignment="Center"
            VerticalAlignment="Center">
            <TextBlock
                HorizontalAlignment="Center"
                FontWeight="Bold">
                Choose a Color :
            </TextBlock>
            <ComboBox Name="comboBox"
                Margin="0 10 0 0"
                Width="150"
                Height="25"
                SelectedIndex="0">
                <ComboBoxItem>Green</ComboBoxItem>
                <ComboBoxItem>Blue</ComboBoxItem>
                <ComboBoxItem>Red</ComboBoxItem>
            </ComboBox>
            <Canvas
                Margin="0 10 0 0"
                Width="200"
                Height="200">
                <Canvas.Background>
                    <Binding
                        ElementName="comboBox"
                        Path="SelectedItem.Content" />
                </Canvas.Background>
            </Canvas>
        </StackPanel>
    </Border>
</Window>

<Window x:Class="TestProject.MainWindow"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Width="800"

Height="600"

Title="TestProject"

FontFamily="나눔고딕코딩"

FontSize="16">

<Border

Margin="10"

CornerRadius="10"

BorderThickness="5"

BorderBrush="RoyalBlue">

<StackPanel

HorizontalAlignment="Center"

VerticalAlignment="Center">

<TextBlock

HorizontalAlignment="Center"

FontWeight="Bold">

Choose a Color :

</TextBlock>

<ComboBox Name="comboBox"

Margin="0 10 0 0"

Width="150"

Height="25"

SelectedIndex="0">

<ComboBoxItem>Green</ComboBoxItem>

</ComboBox>

<Canvas

Margin="0 10 0 0"

Width="200"

Height="200">

<Canvas.Background>

<Binding

ElementName="comboBox"

Path="SelectedItem.Content" />

</Canvas.Background>

</Canvas>

</StackPanel>

</Border>

</Window>

TestProject.zip