MVVM Pattern을 사용하는 개발자를 위한 안내 V1.0 part4-1 Data Binding

2. Direction of the data flow

Mode
- OneTime
  - 한번만 바인딩되며, 거의 사용하지 않습니다.
- OneWay
  - 바인딩 원본에서 대상 속성으로만 값이 전달됩니다.
  - 대상 속성값이 변경되어도, 바인딩 원본의 값에 영향을 주지 않습니다.
- TwoWay
  - 바인딩 원본과 대상 속성 양방향으로 값이 전달됩니다.
- OneWayToSource
  - 대상 속성에서 바인딩 원본으로만 값이 전달됩니다.
  - WPF에서만 제공됩니다.
Detect source changes
- OneWay, TwoWay
  - Source -> Target
  - INotifyPropertyChanged 이벤트가 발생될 때 값이 전달됩니다.
- TwoWay
  - Target -> Source
  - UpdateTrigger에 지정된 이벤트가 발생할 때 값이 전달됩니다.

반드시 아래 4가지 중 1가지 방법만으로 바인딩 원본을 정해야 합니다.
DataContext
- 기본 바인딩 소스가 되는 프로퍼티입니다. 주로 ViewModel과 Model 객체가 입력됩니다.
- <DataGridTextColumn Binding="{Binding Name}" Header="Name" />
Source
- 특정 위치있는 객체를 지정하기 위해서 사용합니다.
- StaticResource의 객체를 지정하는데 주로 사용됩니다.
- <TextBlock Text="{Binding Source={StaticResource DR}, Path=[wrd_Hello]}" />
RelativeSource (WPF Only)
- Style, ControlTemplate, ItemTemplate 등을 만들 때 사용됩니다.
- Visual Tree의 현재 컨트롤의 Parent 컨트롤 중 특정 컨트롤을 찾아 프로퍼티를 이용합니다.
- <WrapPanel Width="{Binding RelativeSource={RelativeSource AncestorType=ScrollContentPresenter}, Path=ActualWidth}" />
ElementName
- 다른 컨트롤의 x:Name을 사용해서 대상 객체로 지정하고, 프로퍼티를 사용합니다.
- <TextBox Text="{Binding ElementName=listBox, Path=SelectedItem.ID />

아래와 같은 화면이 있고, 이 화면 각 컨트롤들에 바인딩을 하려고 한다고 가정해 보겠습니다.

여러분은 뷰에는 하나의 뷰모델이 존재한다는 것을 알고 있기 때문에 하나의 뷰모델을 만들었고, 뷰모델은 DataContext에 넣어야 한다고 배웠기 때문에 아마, DataContext에 어떻게든 넣었을 것입니다. 그렇쵸?

그런데, Window.DataContext에 MainViewModel을 객체화 시켜서 넣었는데..다른 컨트롤들은 어떻게 MainViewModel의 속성을 사용하는 것일까요?

그 이유는 WPF의 속성 값 상속이란 기능을 이용하기 때문입니다.

우린 Window.DataContext 한곳에만 넣었지만, Window 하위 컨트롤들이 상위 컨트롤의 DataContext 값을 이용할 수 있게됩니다.
ComboBox.DataContext는 Window.DataContext 값을 사용할 수 있지만, ComboBoxItem은 그 것을 사용할 수 없습니다. DataGrid도 동일하게 동작합니다. 그 이유는... 아시죠?
만약, Grid.DataContext에 PopupViewModel 객체를 만들어서 입력한다면, Grid와 그 하위 컨트롤들은 더 이상 MainViewModel을 사용하지 않게됩니다.

소스와 함께 비교해 보도록 하겠습니다.

MainViewModel을 Window.DataContext에 입력합니다.
DataGrid의 ItemsSource="{Binding People}" 이라고 바인딩을 했으니 DataContext가 Binding Source로 사용됩니다.
DataGrid.DataContext는 Window.DataContext를 사용할 수 있습니다.
Window.DataContext는 처음에 MainViewModel을 객체화해서 넣어 놓았으니..
People은 MainViewModel의 People라는 속성 값을 이용하게되는 것입니다.
People은 IList<Person> 형이기 때문에, 여러개의 Person을 가지고 있고, DataGrid는 DataGridRow라는 녀석에게 Person 하나 하나를 표시하도록 하기 때문에
DataGridRow.DataContext는 Person 객체가 들어가 있게됩니다.

제 능력으로는 더 이상 자세한 설명을 할 수 없을 것 같습니다. 흑흑

그래도, DataContext를 바인딩 소스로 사용하는 것에 대해서 이해가 않되는 부분은 리플로 남겨주시면 답변드리겠습니다.

여기서 설명하지 않은 내용 중 한가지는 Window.DataContext에 MainViewModel을 객체화해서 넣는 부분인데.. 그동안 제 소스를 보신 분들은 아실 것이라고 생각되서 이번에는 설명을 추가하지 않았습니다~

GitHub - kaki104/WpfTest

Contribute to kaki104/WpfTest development by creating an account on GitHub.

github.com

MVVM Pattern을 사용하는 개발자를 위한 안내 V1.0 part5 Converter (0)	2022.06.27
MVVM Pattern을 사용하는 개발자를 위한 안내 V1.0 part4-2 Data Binding (0)	2022.06.15
MVVM Pattern을 사용하는 개발자를 위한 안내 V1.0 part3-3 (2)	2022.06.07
MVVM Pattern을 사용하는 개발자를 위한 안내 V1.0 part3-2 (0)	2022.06.02
MVVM Pattern을 사용하는 개발자를 위한 안내 V1.0 part3-1 (0)	2022.05.30

공지사항

최근에 올라온 글

최근에 달린 댓글

링크

글 보관함