C# wpf DataBinding, Element Data Binding 하는 방법

DataBinding 을 하는 경우, DataContext 등록을 이용한 방법도 있지만, XAML 코드 내에서 UI 속성 값을 기준으로 Data Binding 할 수 있는 방법을 찾아왔습니다. 흥분되는 마음으로 바로 글로 남겨봅니다!

 

① Binding 할 Target UI 에 이름 붙여주기

② UI Control 을 생성하고, Binding 시켜주기

 

이렇게 총 2가지 Step 으로 쉽게 UI Control 간 Data Binding 이 가능하다!

 

1. Binding 할 Target UI 에 이름 붙여주기

어떤 UI Control 이든 상관없지만, 여기서는 부모 Panel 을 기준으로 Binding 을 진행해보겠습니다. 모두가 아시겠지만, XAML Code 에서 UI 에 변수명을 지정하는 방법은 "x:Name" 속성을 이용합니다.

<Grid x:Name="MainPanel"> </Grid>

2. UI Control을 생성하고, Binding 시켜주기

부모 Panel 의 속성 값 중 하나인 "ActualWidth" 값과 "ActualHeight" 값을 Binding 해서, 항상 꽉찬 TextBox 가 만들어지도록 Binding 을 시켰습니다.

<Grid x:Name="MainPanel">
    <StackPanel Orientation="Vertical">
        <TextBox Text="Test!!!!!!!" Background="Yellow" Width="{Binding ElementName=MainPanel, Path=ActualWidth}" 
                 Height="{Binding ElementName=MainPanel, Path=ActualHeight}"/>
    </StackPanel>
</Grid>

 

잘만 응용하면, 여러가지 아이디어가 떠오를것 같아서 여기에 기록해둡니다! 읽어보시고 새로운 아이디어가 있으시다면, 댓글로 같이 공유 부탁드립니다!