An introduction to the model view viewmodel pattern
Download
1 / 11

An Introduction to the Model-View- ViewModel Pattern - PowerPoint PPT Presentation


  • 164 Views
  • Uploaded on

An Introduction to the Model-View- ViewModel Pattern. [email protected] [email protected] WPF. Intoduced in 3Framework 3.0. XAML UI Language. Vector Based rendering. Rich Composition ……………. ……………. ……………. TWO WAY DATABINDING. What is MVVM?. M odel V iew V iew M odel.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' An Introduction to the Model-View- ViewModel Pattern' - zubin


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
An introduction to the model view viewmodel pattern

An Introduction to the Model-View-ViewModel Pattern

[email protected]

[email protected]


WPF

  • Intoduced in 3Framework 3.0.

  • XAML UI Language.

  • Vector Based rendering.

  • Rich Composition

  • …………….

  • …………….

  • …………….

  • TWO WAY DATABINDING


What is mvvm
What is MVVM?

  • Model

  • View

  • ViewModel


Standing on the shoulders of giants
Standing on the Shoulders of Giants

  • MVC

  • MVP

  • Martin Fowler

  • Josh Smith

  • John Gossman

  • Sean Wildermuth


Why mvvm
Why MVVM?

  • Separation Of Concerns

  • Test Driven Approach

  • Code Cleanliness & Modular Approach

  • Support WPF two way Data binding feature.


How do we achieve that
How Do We Achieve that?

View

ViewModel

Model


Donot follow this
DONOT FOLLOW THIS

View

View

View

ViewModel

Model


A more complete diagram

Bindings

A More Complete Diagram

Unit Tests

Integration Tests

View

XAML, Code Behind

Actions

Behavior

ViewModel

Properties, Commands, View Logic

Events

Data

Model

Service Proxies

Web



Mvvm guidelines
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


Third party support
Third Party Support

  • Prism

  • MVVM Light

  • Caliburn

  • Silverlight FX


ad