Presentation is loading. Please wait.

Presentation is loading. Please wait.

An Introduction to the Model-View-ViewModel Pattern

Similar presentations


Presentation on theme: "An Introduction to the Model-View-ViewModel Pattern"— Presentation transcript:

1 An Introduction to the Model-View-ViewModel Pattern

2 WPF Intoduced in 3Framework 3.0. XAML UI Language.
Vector Based rendering. Rich Composition ……………. TWO WAY DATABINDING

3 What is MVVM? Model View ViewModel

4 Standing on the Shoulders of Giants
MVC MVP Martin Fowler Josh Smith John Gossman Sean Wildermuth

5 Why MVVM? Separation Of Concerns Test Driven Approach
Code Cleanliness & Modular Approach Support WPF two way Data binding feature.

6 How Do We Achieve that? View ViewModel Model

7 DONOT FOLLOW THIS View View View ViewModel Model

8 A More Complete Diagram
Unit Tests Integration Tests View XAML, Code Behind Bindings Behavior Actions ViewModel Properties, Commands, View Logic Data Events Model Service Proxies Web

9 DEMO – SAMPLE

10 MVVM Guidelines 1. Reduce or eliminate your code-behind 2. Bind all of your UI inputs/outputs to your ViewModel 3. Implement INotifyPropertyChanged on your ViewModel 4. When testing, treat ViewModel as the Real UI 5. Avoid events. Use commands instead

11 Third Party Support Prism MVVM Light Caliburn Silverlight FX


Download ppt "An Introduction to the Model-View-ViewModel Pattern"

Similar presentations


Ads by Google