Downloaded 45 times
![Model-View-ViewModel
• Architectural pattern based on Model-View-Controller (MVC)
• Seperation of Concerns
– Data/Domain objects (Model), GUI (View), logic (ViewModel)
• Eliminates «code-behind»
• The beauty of it: Designers can work indepedently on the views and UX,
while developers work on the back-end
• Allows [easier]:
– Maintainability
– Testability
– Blendability
19.01.2014
/
6](https://image.slidesharecdn.com/introductiontowpfandmvvm-140119081722-phpapp02/85/Introduction-to-WPF-and-MVVM-6-320.jpg)
Uploaded bySirar Salih
Introduction to WPF and MVVM
This document introduces Windows Presentation Foundation (WPF) and the Model-View-ViewModel (MVVM) pattern. It discusses how WPF uses XAML and DirectX for 2D/3D rendering and animation. It also explains how MVVM separates user interface logic from application logic and data models. Finally, it describes how WPF and MVVM can be combined to create maintainable, testable applications using data binding and commands to connect views to view models.
More Related Content
Similar to Introduction to WPF and MVVM
Introduction to WPF and MVVM
- 1. INTRODUCTION TO WPF ANDMVVM SIRAR SALIH .NET CONSULTANT
- 3. Windows Presentation Foundation •Graphical subsystem introduced by Microsoft to render user interfaces, and allow development of rich, interactive client applications • Was initially known as «Avalon» and first released in .NET 3.0 • Uses DirectX • 2D/3D rendering, vector graphics, animation etc. • Attempts to seperate UI from logic – XAML • Deployment – Standalone desktop client – Can also be embedded in web 19.01.2014 / 3
- 4. Windows Presentation Foundation •Microsoft PixelSense (Surface 2.0) 19.01.2014 / 4
- 5. Windows Presentation Foundation •Silverlight – Most functionality is a subset of WPF • Latest release: WPF 4.5 19.01.2014 / 5
- 6. Model-View-ViewModel • Architectural patternbased on Model-View-Controller (MVC) • Seperation of Concerns – Data/Domain objects (Model), GUI (View), logic (ViewModel) • Eliminates «code-behind» • The beauty of it: Designers can work indepedently on the views and UX, while developers work on the back-end • Allows [easier]: – Maintainability – Testability – Blendability 19.01.2014 / 6
- 7.
- 8. WPF + MVVM Howabout we combine them? That’s awesome! 19.01.2014 / 8
- 9. Combining WPF andMVVM View Commands DataBinding ViewModel Model 19.01.2014 / 9
- 10. DataBinding • Establishes connectionbetween Views and ViewModels • Enables the View to bind to properties in the ViewModel • DataContext • Two-way binding • Dependency properties 19.01.2014 / 10
- 11. Commands • Enable theView to call methods in the ViewModel • Exposed as properties from the ViewModel • Implement ICommand 19.01.2014 / 11
- 12. MVVM frameworks forWPF Cocktail Carbon MVVM Caliburn Xomega MVVM Cross MVVM foundation Onyx MVVM Light Toolkit Cinch Jounce Core MVVM Ocean Prism Reactive UI Goldlight Catel 19.01.2014 / 12
- 13. MVVM Light Toolkit • • • • • • • ByLaurent Bugnion Small and simple Breaking the monotony Essentials library Extras library Project templates Code snippets 19.01.2014 / 13
- 14. ViewModelBase • Utility classthat ViewModel inherits from • Eliminates code duplication • Introduces the RaisePropertyChanged method, among others 19.01.2014 / 14
- 15. EventToCommand • Enables thepassing of arguments to the ViewModel through the Command • Interaction triggers are used on top, for events (that fire the command) 19.01.2014 / 15
- 16. RelayCommand • An alternativeto Command and RoutedCommand in WPF • Also implements ICommand • Relays Execute to own defined method, therefore eliminates the need to create a class for each custom Command 19.01.2014 / 16
- 17. Messaging • Easier communicationbetween ViewModels • Uses Publish-Subscribe pattern • A receiver ViewModel registeres on a specific type message • A sender ViewModel creates a message of that specific type and sends it, receiver gets it 19.01.2014 / 17
- 18.
- 19. Messaging • Message: • Sender: •Receiver: 19.01.2014 / 19
- 20. DispatcherHelper • Useful whenworking on multi-threaded WPF applications • Enables the calling of a method on the UI thread from a different thread • Use this or DispatcherTimer when creating a thread, never use a Timer 19.01.2014 / 20
- 21.
- 22. Future of WPF •Windows RT – No support • Windows 8 Desktop – Works • XAML usage in Windows 8 Store apps 19.01.2014 / 22
- 23.