windows phone 7 part iv

23
Follow up Seminar MVVM Design Patton

Upload: -

Post on 13-Apr-2017

135 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Windows phone 7 part iv

Follow up Seminar

MVVM Design Patton

Page 2: Windows phone 7 part iv

MVVM Design Patton

Page 3: Windows phone 7 part iv

What Is MVVM• Model• View• View Model

Page 4: Windows phone 7 part iv

Why Need MVVM• For the programmer…

Page 5: Windows phone 7 part iv

Designer

Page 6: Windows phone 7 part iv

Design

A

B

C

Button

Text BoxTwittBox IDTextBox

SearchButton

Page 7: Windows phone 7 part iv

Programmer

OPEN API !!

Page 8: Windows phone 7 part iv

Collaboration

Designer

Programmer

Page 9: Windows phone 7 part iv

Twitter APP

Page 10: Windows phone 7 part iv

Success

Page 11: Windows phone 7 part iv

But Design is…

Oops.. SorryWe Must Have Renewal

Page 12: Windows phone 7 part iv

Design

A B

C

Text Box

TwittWrap

IDTextBox

입력과 동시에 출력TwittComboBox

Page 13: Windows phone 7 part iv

Designx:Name 타입 설명

TwittWrapTwittBox

WrapPenalListBox 트위터 타임라인 출력

IDTextBox TextBox 검색어 입력

TwittComboBoxSearchButton

ComboBoxButton

검색설정검색 버튼

Page 14: Windows phone 7 part iv

Programmer

Hum………..

Page 15: Windows phone 7 part iv

Programmer

Page 16: Windows phone 7 part iv

Collaboration

Designer

ProgrammerRIP

Page 17: Windows phone 7 part iv

What Is MVVM

Do you Call Me?

데이터의 객체화

Model

Page 18: Windows phone 7 part iv

What Is MVVM

디자인 ! View

Page 19: Windows phone 7 part iv

What Is MVVM

View -Model

View 와 Model 의 다리 역활 !

Page 20: Windows phone 7 part iv

MVVM

View ViewModel Model

Command

Binding

Page 21: Windows phone 7 part iv

MVVM

Page 22: Windows phone 7 part iv

This is MVVM

Designer

Programmer

Page 23: Windows phone 7 part iv

DEMO