An introduction to the model view viewmodel pattern
Sponsored Links
This presentation is the property of its rightful owner.
1 / 11

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


  • 129 Views
  • Uploaded on
  • Presentation posted in: General

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.

Download Presentation

An Introduction to the Model-View- ViewModel Pattern

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

[email protected]

[email protected]


WPF

  • Intoduced in 3Framework 3.0.

  • XAML UI Language.

  • Vector Based rendering.

  • Rich Composition

  • …………….

  • …………….

  • …………….

  • TWO WAY DATABINDING


What is MVVM?

  • Model

  • View

  • ViewModel


Standing on the Shoulders of Giants

  • MVC

  • MVP

  • Martin Fowler

  • Josh Smith

  • John Gossman

  • Sean Wildermuth


Why MVVM?

  • Separation Of Concerns

  • Test Driven Approach

  • Code Cleanliness & Modular Approach

  • Support WPF two way Data binding feature.


How Do We Achieve that?

View

ViewModel

Model


DONOT FOLLOW THIS

View

View

View

ViewModel

Model


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


DEMO – SAMPLE


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

  • Prism

  • MVVM Light

  • Caliburn

  • Silverlight FX


  • Login