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

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


  • 121 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

An Introduction to the Model-View-ViewModel Pattern

[email protected]

[email protected]


An introduction to the model view viewmodel pattern

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


Demo sample

DEMO – SAMPLE


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


  • Login