{"id":683,"date":"2011-02-28T03:56:00","date_gmt":"2011-02-28T03:56:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/vbteam\/2011\/02\/28\/visual-basic-windows-phone-7-series-4-how-to-implement-a-model-view-viewmodel-pattern-in-a-windows-phone-application\/"},"modified":"2024-07-05T12:40:26","modified_gmt":"2024-07-05T19:40:26","slug":"visual-basic-windows-phone-7-series-4-how-to-implement-a-model-view-viewmodel-pattern-in-a-windows-phone-application","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/vbteam\/visual-basic-windows-phone-7-series-4-how-to-implement-a-model-view-viewmodel-pattern-in-a-windows-phone-application\/","title":{"rendered":"Visual Basic Windows Phone 7 Series #4. How to implement a model-view-viewmodel pattern in a Windows Phone application"},"content":{"rendered":"

In our <\/span>last post<\/span><\/a>, I explained how to create a custom indeterminate progress bar application for Windows Phone 7. In this blog, I want to share a sample that will help you to implement a model-view-viewmodel pattern in a Windows Phone application. A model-view-viewmodel pattern is used to separate data from the user interface. This pattern allows the developers to code data models and the designers to create user interfaces. In this sample, I will demonstrate how to create a game tracker application by implementing the model-view-viewmodel pattern.<\/span><\/p>\n

I will now demonstrate how easy it is to implement the model-view-viewmodel pattern in a Windows Phone application, using Visual Basic for Windows Phone Developer Tools. The model-view-viewmodel pattern can be implemented in 8 simple steps as follows:<\/span><\/p>\n

    \n
  1. Create a sample application <\/span><\/li>\n
  2. Create a data model, a viewmodel, and two views <\/span><\/li>\n
  3. Create the main application page <\/span><\/li>\n
  4. Maintain the page state <\/span><\/li>\n
  5. Save the data to isolated storage <\/span><\/li>\n
  6. Add the application bar <\/span><\/li>\n
  7. Build and debug the application <\/span><\/li>\n
  8. Rebuild in the release mode before publishing <\/span><\/li>\n<\/ol>\n

    Prerequisites:<\/span><\/i><\/p>\n