사용자 도구

사이트 도구


사이드바

카테고리

sdk:wpf:데이터_바인딩_msdn

길고 중요한 내용이라 페이지를 추가했다.

바인딩

바인딩(걸수 있는)소스

  • CLR 개체Object
  • XML 데이터 또는 파일
  • ADO.Net 데이터
  • UIElement(?)
  • List와 같은 목록 개체Object

Mode (연결 방식)

  • OneWay
  • TwoWay
  • OneWayToSource

퀵 : 정적 바인딩의 예시

한눈에 알아보기. 다소 배경 지식이 있어야 한눈에 보이겠지만.

<Window
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 
	xmlns:thisapp="clr-namespace:ThisApp"
 
	Title="TestCode">
 
	<!-- Window 태그의 리소스 부분에 (??)를 연결 -->
	<Window.Resource>
		<!-- SomeList1, SomeList2 라는 클래스를 "SomeList1", "SomeList2"로 정의한다. -->
		<thisapp:SomeList1 x:Key="SomeList1"/>
		<thisapp:SomeList2 x:Key="SomeList2"/>
	</Window.Resource>
 
	<!-- 위에서 정의한 리소스를 DataContext에 선언해서 사용한다. -->
	<TextBlock Name="textBox2" DataContext="{StaticResource SomeList1}">
		<TextBlock.Text>
			<Binding Path="DefaultText"/>
		</TextBlock.Text>
	</TextBlock>
 
</Window>
 
<!-- 윈도우가 아닌 탭 또는 그리드에도 ".Resource"가 붙는다면 정의 가능. -->

바인딩 소스 업데이트 방식

  • 소스업데이트 : TwoWay, OneWayToSource 의 바인딩은 대상 속성Property의 변경 내용을 수신, 다시 바인딩 소스에 전파.
  • 소스 업데이트 트리거 : 바인딩 소스에 변경 내용을 전파하는 타이밍
  • LostFocus : focus를 잃었을때
  • PropertyChanged : 입력이 진행 중인 과정 사이 사이에 (TextBox에 타이핑 하는 쭉쭉 전송)
  • Explicit : 응용프로그램에서 UpdateSource를 호출할때
  • 변경하는 방법 ( UpdateSourceTrigger )

바인딩 소스 지정 : 개요

  • 해당 개체Object의 '.Resource' 의 태그에서 DataContext 로 데이터 지정
<DockPanel.Resource>
  <c:MyData x:Key="myDataSource"/>
</DockPanel.Resource>
  • DataContext에 정의 된 바인딩 소스는, 선언된 태그의 하위 영역 안에서는 적용 가능하지만,
  • 바인딩 소스가 여럿인 경우도 있으므로 Source를 직접 정의하는 방법도 있다.
<!-- 위에서 이어지는 코드 -->
<Button Width="150" Height="30"
		Background="{Binding Source={StaticResource myDataSource}, Path=ColorName}">BTN_TEXT</Button>

이외에도

  • ElementName 속성Property, RelativeSource 속성을 사용해서 지정
  • ElementName : 응용 프로그램의 다른 요소에 바인딩할때
  • RelativeSource : ControlTemplate, Style 에서 바인딩할때

값에 대한 경로 지정

바인딩소스가

= Path : 개체<sup>Object, Class</sup> : Path 속성을 사용 ([[http://msdn.microsoft.com/ko-kr/library/system.windows.data.binding.path(v=vs.110).aspx|Path]])
= XPath : XML 데이터. 속성 ([[http://msdn.microsoft.com/ko-kr/library/system.windows.data.binding.xpath(v=vs.110).aspx|XPath]])
  * Path가 되는 경우도 있다네 : XPath 쿼리 결과에서 Name 속성을 사용하려고 할때

개체Object 전부를 바인딩 하는 경우 ( 바인딩 소스 개체Object == 사용할 값 ) 에는 path를 지정하지 않는다.

<!-- 위에서 이어지는 코드 -->
<ListBox ItemSource="{Binding}" IsSynchronizedWithCurrentItem="true"/>
  • ListBox는 DockPanel의 DataContext를 상속
  • 경로가 없으므로, 개체Object 전체에 바인딩

코드로 보고 이해하는 바인딩

//make a new source
MyData myDataObject = new MyData(DateTime.Now);      
Binding myBinding = new Binding("MyDataProperty");
myBinding.Source = myDataObject;
myText.SetBinding(TextBlock.TextProperty, myBinding);

바인딩 소스 지정 : 방법

컬렉션에 바인딩

ListBox, ListView, TreeView 류의 ItemsControl을 데이터를 표시하는 경우.

  • ItemsSource 속성을 사용. ( ItemsSource 속성은 ItemsControl 의 내용 )
  • 기본 OneWay이므로 바인딩은 OneWay ( 디폴트로? )

컬렉션 구현 방법

  • IEnumerable 인터페이스를 구현하는 모든 컬렉션을 사용(열거)가능
  • 삽입,삭제시 UI가 자동으로 업데이트 되려면, 컬렉션에 INotifyCollectionChanged 인터페이스 구현 필요.
    • 내부 컬렉션이 변경될때마다 발생되는 이벤트를 갖고 있다. (노출)

그리고

  • INotifyCollectionChanged 인터페이스를 노출(사용?)하는 기본 제공 구현 ObservableCollection<T>가 있다.
  • 하지만 완전 지원(제어)를 위해서는 INotifyCollectionChanged 구현할 필요가 있다.

그런데, 직접 구현하기보다는

  • ObservableCollection<T>, List<T>, Collection<T>, BindingList<T>와 같은 컬렉션클래스 중에 하나를 사용하는 것이 좋다네.뭐라고? 놀리는거야?
  • 고급 (진짜 통 제어)를 하려면 IList를 쓰라고 하네.

바인딩 소스 : 좀 더 상세하게

바인딩 소스 클래스 구현

변경 알림 기능이 제공 되어야 한다.

다른 주의사항

  • 기본 생성자가 필요하다!
  • 바인딩할 속성Property은, 공용(public)이어야 한다.
  • 클래스에 선언된 속성의 형식타입들이 바인딩에 전달되는 값형식이 되는데, 이 형식을 WPF가 이해할 수 없는 custom 형식이면 IValueConverter 를 사용하여 표시 가능하게 변경해 줘야 한다.

바인딩 불가능한 항목

  • 인터페이스 속성Property은 바인딩 불가
  • 기본 구현이 없는 protected, private, 가상(?)속성도 사용 불가
  • public field 에는 바인딩 불가. 공용필드,public field가 뭐지?
  • WPF에서 이해할 수 없는 커스텀 데이터 형식

전체 개체(Object)를 바인딩 소스로 사용

Source 또는 DataContext 속성을 사용하여, 바인딩 소스를 지정한 다음,

바인딩 키워드 ( {Binding} )를 사용하면 된다.

컬렉션 오브젝트를 바인딩 소스로 사용

컬렉션의 각 요소(아이템 오브젝트)들은 인스턴스 각각이 바인딩 되는 소스로 사용된다.

유저주문(CustomOrder)에 대한 유저주문리스트컬렉션(CustomOrders)

이를 위해서는 기본은,

  • IEnumerable 인터페이스를 구현하는 컬렉션을 작성해야 한다.

컬렉션의 삽입,삭제시 UI가 자동 업데이트 되려면 (동적 바인딩)

  • INotifyCollectionChanged 인터페이스를 구현해야 한다.

하지만 매번 작성할 필요 없이,

  • ObservableCollection<T> 클래스를 사용해서 데이터 컬렉션을 준비할 수 있다.
  • 추천은 직접 구현 보다는,
    ObservableCollection<T>, List<T>, Collection<T>, BindingList<T> 와 같은 미리 준비된 컬렉션을 사용하기.

마지막,

  • 컬렉션의 경우 직접 바인딩 되지 않고, 직접 바인딩 되는 것 처럼 보이지만, 컬렉션의 뷰에 바인딩 된다.
  • 아주 고급이 뭔지 모르겠지만 컬렉션 구현시, IList를 사용.

데이터 바인딩의 권한 요구 사항

  1. CLR 의 경우, 소스 프로퍼티를 쓸 수 있으면 사용한다. 없으면 에러 표시.
  2. 컴파일 타임 또는 런타임시 결정되는 동적 오브젝트에도 바인딩은 가능
    컴파일 전까지는 에러 표시하겠지만.
  3. 디펜던시 프로퍼티에도 바인딩 가능

컬렉션 뷰

바인딩 후에, (1) 정렬하거나 (2) 필터링하거나 (3) 그룹화 가능.

ICollectionView 인터페이스를 구현하는 클래스를 컬렉션뷰로 사용

컬렉션 뷰의 정의

소스 컬렉션 변경 없이, 정렬/필터/그룹화 한 뒤 탐색,표시하는데 사용한다.

INotifyCollectionChanged 인터페이스가 구현 되어 있는 경우, CollectionChagned 이벤트 발생시 변경 내용은 뷰로 전파된다.

소스 (원본) 컬렉션을 손대지 않기 때문에,

  • 소스는 여러 뷰를 갖을 수 있고
  • 동일한 데이터를 여러 방식을 표시할 수 있다.

컬렉션 뷰를 만드는 방법

뷰개체Object를 인스턴스화 한 다음, 바인딩 소스로 사용하는 방법.

뷰 자체를 데이터 소스로 설정하였다.
<Window.Resources>
<!--
  AuctionItems 는 ObservableCollection<T> 형식의 컬렉션.
  CollectionViewSource 는 CollectionView의 프록시라나..(뭐지?)
 
-->
<CollectionViewSource 
  Source="{Binding Source={x:Static Application.Current}, Path=AuctionItems}"   
  x:Key="listingDataView" />
 
</Window.Resources>
바인딩 소스(컬렉션뷰 as 바인딩 소스)를 사용하기
<ListBox Name="Master" Grid.Row="2" Grid.ColumnSpan="3" Margin="8"
    ItemsSource="{Binding Source={StaticResource listingDataView}}">

같은 데이터 소스 컬렉션에 대한 추가 뷰를 만들려면, 다른 CollectionViewSource 인스턴스를 만들고 다른 x:Key 이름을 지정합니다.

기본 뷰

  • 바인딩 소스로 사용되는 컬렉션에 기본 뷰를 만듦.
  • 컬렉션에 직접 바인딩하면 이 기본 뷰가 적용되는 구조.
  • 이 컬렉션을 사용하는 모든 바인딩에 이 기본 뷰가 적용 된다.
  • 기본뷰를 변경하면, 컬렉션을 사용하는 모든 바인딩에 적용된다.

정렬

아 귀찮다. 나중에 보자. 참고 url은 머리글을 클릭할 때 GridView 열 정렬

필터

그룹화

나중에

데이터 템플릿

  • 데이터 표시 방법을 임의로 정의.
    • 컬렉션을 표시하는 방법에 대해서 지침이 없으면 기본 컬렉션의 내용을 표시.
  • DataTemplate를 사용해서, 표시 방법을 재 정의.

나중에 읽어볼 것 : 데이터 템플릿 개요

데이터 유효성 검사

중요한 것 같은데, 일단 패스.

디버깅

PresentationTraceSources.TraceLevel 로 상태 정보를 받을 수 있다는데.

예제
<Window
  xmlns:diag="clr-namespace:System.Diagnostics;assembly=WindowsBase"
  xmlns:src="clr-namespace:SDKSample">
  <Window.Resources>
    <src:Person x:Key="myDataSource" PersonName="Joe"/>
  </Window.Resources>
 
<!-- ... -->
 
<TextBox>
  <TextBox.Text>
    <Binding Source="{StaticResource myDataSource}" Path="PersonName" diag:PresentationTraceSources.TraceLevel="High"/>
  </TextBox.Text>
</TextBox>
 
<!-- ... -->
 
</Window>

MSDN 레퍼런스

sdk/wpf/데이터_바인딩_msdn.txt · 마지막으로 수정됨: 2017/07/11 18:43 저자 kieuns