Introduction to the MVVM Pattern

The MVVM pattern is a design pattern that helps to separate the user interface from the business logic. It is a common pattern used in many applications, and have been popularized by the WPF framework.

The way to architecture a project with UI Toolkit can become very similar to what is done with WPF. You usually end up with a markup file that contains the UI elements, and a code-behind file that contains the business logic. Both parts work together as a View.

Model

The Model is a simple Data Structure that contains the data that is used by your business logic.

ViewModel

The ViewModel is the class that contains the business logic. It is responsible for updating the Model when the user interacts with the View. It also contains the logic to update the View when the Model changes.

The ViewModel and the View are connected via Data Binding features.

View

The View is the part of the application that is responsible for displaying the data to the user. It is usually composed of UI elements. The view should not contain any business logic. The logic contained in the View should be related to the styling of the UI elements for example.

Additional Resources

For more information about the MVVM pattern, you can check the following resources: