오전 9:48 2018-04-27

[강의]
[]
태그 안에는 주석을 못넣는다.
[]
컨텐츠
WPF에서 컨텐츠: 어떤 요소가 존재하고 그 요소가 갖는 내용물.

컨텐츠는 요소마다 다르게 동작

컨텐츠는 object.. 어떤것이든 될 수 있다

[]
컨텐츠컨트롤 만이 컨텐츠라는 프로퍼티(속성)을 가지고있다.

[]
컨텐츠모델
요소안에 요소가 존재할 수 있고... 또 요소안에...또...(무한대)
그런 것을 가능하도록 하는 개념과 방법을 컨텐츠모델이라고한다.

WPF에서는 굉장히 중요하다.
가끔은 구분을 해야한다. 컨텐츠라는 속성을 가지고 있는 놈 을.
(ex Button은 Content속성을 가진다.)
컨텐츠컨트롤만 Content속성을 가지고있다.
(ex Grid는 Panel에 해당한다... Content속성을 가질 수 없다.)
(WPF의 컨텐츠라는 개념을 확실히 이해해야함.)

[]
<Button Width="100" Height="30" Content="Button"/>
에트리뷰트로 바로 컨텐츠에 문자열 넣기.

<Button Width="100" Height="30">
    <Button.Content>Click Me</Button.Content>
</Button>
XAML엘리먼트....로 컨텐츠 넣기 (속성 요소 문법)

[XBAPs]
는 넘어간다... 망했으...
윈도용, 웹용으로 나눠서 동작하도록 하자고 만든 녀석이었음.


[KAXAML]
https://github.com/thinkpixellab/kaxaml
망했음....

[단위]
Width="80"
1/96 단위인치로 정해져있다.
1/96인치를 1픽셀이라고 부른다...

[콘텐츠모델]
WPF이전 컨트롤:외관+행동 묶여져있었다. 사용자의 인터페이스를 제공한다. 가장 단순한 형태의 UI위젯,요소 라고 정의했다....
WPF에서의 컨트롤:외관 따로 행동 따로. 외관/행동/API기능. 크게 3가지로 분류. 컨트롤을 하나의 단위로 바라보지않는다. 

컨트롤-컨텐츠는 하나만 설정이 가능하다...
panel은 시각적 요소를 그룹핑하기위한 논리적인 묶음을 만들어 내는요소다.

버튼에 그리드를 넣어서 여러개를 넣을 수 있다... 그리ㄴ드는 패널이라서 컨텐츠를 갖는 것이아니라 아이템을 갖게되는 것이다. 

[]
<Button Grid.Row="0" Grid.Column="2">C</Button>
버튼의 속성이아닌 Grid의 속성을 사용한다..
이 버틍느 그리드 0,2에 놓이겠다라는뜻.

[]
<Grid Background="Red">

[]
외관을 담당하는 핵심적 역할을 하는 것이 패널이다.
panel은 시각적 요소를 그룹핑하기위한 논리적인 묶음을 만들어 내는요소다.

panel 내부적으로 컨텐츠를 어떻게 정렬할 지를 알고있다.

[]
dock패널. 도킹. 맞닿는다.
ex. 어디에 붙어라 하면 버튼이 가서 붙는다... 

컨텐츠의 양만큼 크기가 늘어난다.

[]
Stack패널.. 놓으면 컨텐츠의 크기에 맞춰서 폭이 결정된다.
늘리면 스트래치된다.(폭이 설정되지 않았을 경우)

<StackPanel Orientation="Horizontal">
정렬방식.

[]
Canvas
어떤 위치던지 놓을 수 있따.

default: top 0,left 0

패널이 투명(디폴트)면... 마우스다운 이벤트 등을 받을 수 없다.
클릭해도.... 이벤트처리를 할 수 없다.....
패널의 백그라운드를 설정해주어야하는 것이다.

[이ㅐ름을 갖는 데이터:리소스]
이름을 갖는 것을 모든 것을 리소스라고한다.
요소들은 리소시스라는 속성을통해 리소스를 정의할 수 있따.

[]
 <DockPanel x:Name="dockPanel">
 비하인드 코드에서 사용될 이름..

[바인딩[]
단일 UI : TextBox
다중요소 : 리스트

리스트 박스. 다중요소는 바인딩소스가 객체의 여러개가 될 수 있따.
다중요소는 누구와 바인딩이되냐면 실질적으로 컬렉션(자료구조)이랑 바인딩된다.
컬렉션 자체가 바인딩원본이된다. (사실은 뷰가..)

바인딩...
바인딩은 왜 할까? 자동으로 바인딩 원본이 변경되면 바인딩 타겟을 변경하도록
또는 바인딩 타겟이 변경되면 자동으로 바인딩원본이 업데이트되게
즉. '자동으로'
그럼 그 연결짓는 매커니즘이 아마 요구가 될 것이다.
A의 데이터와 텍스트박스를연결 해라 하면 B로 바꿀 수 없겠지. 그러니 바인딩문법은 그렇게 지정되지 않는다. 바인딩문법에서는 바인딩을할때 객체를 선택 즉 원본을 직접선택하지않고..(차후 코드 수정시 유연성을 위해서,?)
동적으로 변하게되있다. 그대신 약속을 했따
앞으로 모든 바인딩. 모든바인딩은 객체의 (우리가만든 사람클래스)name이라는 속성이있고 (우리가만든 사람클래스)nick이라는 속성이있으면
UI요소에 텍스트라는 속성이 있는데 (예시: TextBox.text)
실제 바인딩 할때 문법 표시는 객체를 하는게 아니라 바로 이 프로퍼티.
프로퍼티를 문법적으로 UI의 프로퍼티와 바인딩 되도록 지정하는 것ㅇ디ㅏ.
원본을 선택하는 것이아니라. 바인딩원본이 프로퍼티 속성만 가지고 있으면된다.

문법적으론
객체의 (우리가만든 사람클래스의)네임(프로퍼티)와 UI객체의 텍스트(의존속성:Target)를 바인딩시킨다.

 <TextBox Text="{Binding Path=Name}" />
원본이 선택되지않고... Name.(속성을 지정한다.)
즉 Name속성을 가지고 있으면 다 된다는거다.(어느 object든 Name프로퍼티만 가지고 있으면!)

<TextBox Text="{Binding Path=Nick}" />
Nick과 TextBox를 바인딩시킨다.

이걸 바인딩 문법이라고한다.

Path가 디폴트이기때문에 생략해도 된다.

원본지정방식.
1.명시적 지정
2.소스지정되있지 않으면, 부모를 찾는다.
<DockPanel x:Name="dockPanel">
앨리먼트 하나는 객체를 생성하는데 참조자가 Name. 바로 dockPanel이다.(내부적으로)(비하인드 코드에서 사용될)
dockPanel=new DockPanel(); 이렇게 만들어지는 것이다.

Dockpanel=new DockPanel();소스코드에서 이렇게 생성하는데
제물 코드하나가 C#코드로 위 처럼 바뀐다. 


 <TextBox Text="{Binding Path=Name}" />
{}는 특수한 문법이다... 바인딩은 속성 Name과 연결하겠다는 것이다...
실행되야지만 바인딩원본이 설정된다. (부모를 찾아서 알아서 지정됨)

바인딩은 속성을 구하는 것이고. 그 때 그 속성 객체가 바인딩 원본이되는것이다.
실행 한 다음에 원본이 생성된다.

DataContext에 값을 넣는 것을 데이터원본지정,데이터원본셋팅이라고한다.
 dockPanel.DataContext = new Nickname("홍길동", "동서번쩍");

[]

바인딩소스에 속성이 없으면 바인딩 시킬 수가 없다. 
백그라운드는 컨버터를 사용해서 바인딩
바인딩이라는건 자동으로 연결짓기 위한 것.
속성과 속성이 바인딩된다..
속성을 가진 데이터의 객체가 바인딩원본이다.

바인딩 XAML에서 할 수 있고 C#코드에서도 할 수 있다.
근데 소스는 일반적으로 특정해놓지않는다....
소스를 바꾸고 싶을때 변경이 힘들기때문에.
그래서 XAML에서 해놓으면 소스는 그냥 변경하면된다..!

바인딩소스를 지정한다!!!(프로퍼티말고 프로퍼티를 가진 객체를 지정한다.)
 dockPanel.DataContext = new Nickname("홍길동", "동서번쩍");

XAML에서는
<TextBox Text="{Binding Path=Name}" />
어떤 프로퍼티를 지정할 것이냐를 정한

프로퍼티가 없으면 바인딩이 안된다..

바인딩은 속성 대 속성이 연결되는 것을 의미한다.

의존속성...WPF의 대부분은 거의 다 의존속성이다.

바인딩 타겟은 꼭 UI요소여야한다. 속성은 의존속성
바인딩 원본은 object형이면 다 된다.

WPF바인딩엔진.(체계는 바인딩시스템)

프로퍼티 변경시 알림은
INotifyPropertyChanged를 구현함으로서 알릴 수 있다.
변경시 PropertyChangedEventHandler 이벤트.

바인딩소스(원본)객체는 프로퍼티를 가져야하고, 셋터가사용되면 PropertyChanged이벤트를 발생시켜주어야 양방향 싱크가 이루어진다. 
자동을 할려면 이러한 약속(문법)이 있고 지켜줘야한다.
지금부터 배우는 바인딩과 관련된 내용은 모든 약속(문법)을 지켜주어야한다!.


이벤트 핸들러(리스너) , 


if (null != PropertyChanged)//WPF바인딩엔진이 이벤트를 등록시킨다.// Binding 걸리면 해당 객체에 이벤트를 자동 등록한다.
PropertyChanged(this, new PropertyChangedEventArgs("Name"));//내가 발생시킨다. 내가 서버.

 public event PropertyChangedEventHandler PropertyChanged;
이벤트 등록은 우리 한테 보이지않지만, WPF바인딩엔진이 한다...!!
WPF프로퍼티가 변경되는것에 관심이 있으니까..WPF바인딩엔진이 한다.!

[]
바인딩원본으로 다중객체를 설정할 수 있다. 컬렉션을!!

다중객체를 설정하면 감싸는 뷰가 하나만들어져서 실질적으론 그 뷰가 바인딩소스가된다.(원본)
쿼런트 아이템에 따라서 바인딩 소스가 달라진다.

다시. ㄱ컬렉션이 바인딩소스로 되어있으면 뷰를 설치하고 뷰에 쿼런트 아이템이 가리키는 것이
바인딩 원본이 된다.
ㅇㅋ?

쿼런트는 디폴트가 0이다(첫번쨰를 가리킴)















[STUDY]
INotifyPropertyChanged 인터페이스를 상속받는 클래스는
Property들이 Binding 걸리면 해당 객체에 이벤트를 자동 등록하고
PropertyChangedEventArgs에 Binding된 Property의 이름을 string으로넘기면
해당 이벤트가 발생하고 Binding 객체의 Target에게 Source의 변경을 통보한다.


오후 9:40 2018-04-27