1 / 17

UI Design Patterns

Joe McBride @xamlcoder xamlcoder.com/blog Silverlight / WPF Consultant. UI Design Patterns. Foundation Expression Blend with Silverlight. Victor Gaudioso. Agenda. What & Why? Model View Controller (MVC) Model View Presenter (MVP) Model View View-Model (MVVM) Recap. What & Why?.

erelah
Download Presentation

UI Design Patterns

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Joe McBride @xamlcoder xamlcoder.com/blog Silverlight / WPF Consultant UI Design Patterns

  2. Foundation Expression Blend with Silverlight Victor Gaudioso

  3. Agenda • What& Why? • Model View Controller (MVC) • Model View Presenter (MVP) • Model View View-Model (MVVM) • Recap

  4. What & Why?

  5. What • What is an Algorithm? • “an algorithm is an effective method for solving a problem using a finite sequence of instructions” - Wikipedia

  6. What • What is a Design Pattern? • “a general reusable solution to a commonly occurring problem in software design … a description or template for how to solve a problem that can be used in many different situations” - Wikipedia

  7. Why? • Separate concerns – logic versus presentation • Better design, easier to maintain • Easier to do automated testing • Reuse logic across multiple applications • Be kind to your designers

  8. Model View Controller

  9. MVC Pattern Diagram

  10. MVC DEMO

  11. Model View Presenter

  12. MVP Pattern Diagram

  13. MVP DEMO

  14. Model View View-Model

  15. MVVM Pattern Diagram View Change Notification DataBinding & Commands ViewModel Model

  16. MVVM DEMO

  17. Recap

More Related