{"id":1047,"date":"2023-10-22T00:42:45","date_gmt":"2023-10-21T22:42:45","guid":{"rendered":"https:\/\/easyrevitapi.com\/?p=1047"},"modified":"2024-04-29T10:29:47","modified_gmt":"2024-04-29T08:29:47","slug":"m-v-vm-pattern-for-revit-part-1","status":"publish","type":"post","link":"https:\/\/easyrevitapi.com\/index.php\/2023\/10\/22\/m-v-vm-pattern-for-revit-part-1\/","title":{"rendered":"M-V-VM Pattern for Revit, part 1"},"content":{"rendered":"\n

Transitioning from Dynamo scripting to Autodesk\u00ae Revit Add-in development introduced me to a higher level of software complexity. It required me to consider various aspects, including database connections, user interface creation, authentication checks, and the organization of multiple C# and XAML files.<\/p>\n\n\n\n

Architectural patterns are a good way of managing such complexity. They provide a frame to organise the different components of your add-in, and are valuable in guiding your development process.<\/p>\n\n\n\n

In this first article of a three-part series, I will explain the main principles of the pattern I have been using, called the M<\/strong>odel-V<\/strong>iew-V<\/strong>iewM<\/strong>odel pattern. In the second part to come, I will present my implementation of this pattern for creating Revit Add-ins.<\/p>\n\n\n\n

Software architecture<\/h4>\n\n\n\n

In simple terms, software architecture <\/strong>is about defining the responsibility and organisation of the main parts of a system or application.<\/p>\n\n\n\n

Responsibility<\/mark> <\/strong>means which types of actions and data a software’s part is concerned about, and which it isn’t. Organization<\/mark> means how the software parts are linked and communicate with each others. It is about choosing which information is sent from a part to another, and how this transmission is made possible. It is also about managing the dependencies between these different parts and components.<\/p>\n\n\n\n

A good software architecture in my opinion allows you to evolve and maintain software in the easiest and quickest way. For each update you want to make, you need to identify instantly where to intervene. Therefore, the organizing logic of the whole software system should be clear and coherent.<\/p>\n\n\n\n

M-V-VM pattern : the layers

<\/h4>\n\n\n\n
\"\"<\/figure>\n\n\n\n

The main purpose of the M-V-VM pattern is to define distinct layers for an application. On one hand, we have the Model<\/mark> representing (or modeling<\/em>) the business data and logic. On the other hand, we have the View<\/mark> representing the graphical user interface.<\/p>\n\n\n\n

This ensures that each part of our project’s codebase has a clear main responsibility, depending on the layer it belongs to. None of these two layers ‘know’ about the other : the code of the Model<\/mark> doesn’t relate or intervene upon the code of the View<\/mark>, and vice-versa. <\/p>\n\n\n\n

Such organisation refers to the separation of concerns principle<\/span>. Besides making our application’s design and maintenance easier, it also reduces the risk of errors. Since the layers are decoupled, you won’t be breaking the UI code when updating the add-ins algorithms.<\/p>\n\n\n\n

Then comes the ViewModel<\/mark> : the intermediate layer between the Model<\/mark> <\/strong>and the View<\/mark> :<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

The ViewModel<\/mark>‘s responsibility is to model <\/em>the View<\/mark> <\/strong>by storing and managing all the collected or displayed data. This data can either be the input to be processed by the Model<\/mark>‘s methods, or the output generated by these methods.<\/p>\n\n\n\n

<\/p>\n\n\n\n

The ViewModel<\/mark> <\/strong>serves as an interface for the View<\/mark> <\/strong>to communicate with the Model<\/mark> <\/strong>while maintaining the separation of concerns principle. This interface stores the results of the Model<\/mark>‘s logic but does not contain the logic itself. However, it may include functionalities that filter or organize the information for display.<\/p>\n\n\n\n

M-V-VM pattern : the data flow<\/h4>\n\n\n\n

To help us better understand how the three layers of an M-V-VM application communicate, let’s consider a simple example. Let’s say we want to make an Add-in that returns the number of elements of a certain category contained in a Revit file.<\/p>\n\n\n\n

The Add-in would work following these steps :<\/p>\n\n\n\n

    \n
  1. The View<\/mark> <\/strong>displays the available categories within the Revit file<\/li>\n\n\n\n
  2. The user selects one of these categories using the View<\/mark><\/li>\n\n\n\n
  3. The ViewModel<\/mark> <\/strong>“listens” to the View<\/mark> <\/strong>and records the user’s choice<\/li>\n\n\n\n
  4. The user presses a button in the View<\/mark> <\/strong>to count elements in the chosen category.<\/li>\n\n\n\n
  5. The ViewModel<\/mark> <\/strong>records the user’s request and instructs the Model<\/mark> <\/strong>to perform the required action.<\/li>\n<\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    The next steps will be:<\/p>\n\n\n\n

      \n
    1. The Model <\/mark>accesses the Revit file, and filters all its elements of the chosen category <\/li>\n\n\n\n
    2. It returns this processed data to the ViewModel<\/mark>, which records it <\/li>\n\n\n\n
    3. The ViewModel<\/mark> <\/strong>then notifies the View<\/mark> <\/strong>of its update<\/li>\n\n\n\n
    4. The View<\/mark> <\/strong>“listens” to the ViewModel<\/mark> <\/strong>and displays the elements requested by the user
      <\/li>\n<\/ol>\n\n\n\n
      \"\"<\/figure>\n\n\n\n

      In summary, the M-V-VM pattern enables bidirectional data flow, with information processed by the Model reaching the View<\/mark> <\/strong>for user interaction and instructing the Model<\/mark> <\/strong>in return. This allows the graphical user interface to remain interactive and responsive.<\/p>\n\n\n\n

      Conclusion<\/h4>\n\n\n\n

      The M-V-VM pattern offers a clear frame for designing software. It drives you to define the responsibility of your application’s components, and gives you guidelines on how to link them. <\/p>\n\n\n\n

      I think It’s an interesting pattern for managing a project’s complexity in the long run, addressing the evolution of both the algorithms and the graphical user interface.<\/p>\n\n\n\n

      In the following article, I will share my implementation of the M-V-VM pattern for creating Autodesk Revit Add-ins using C# and WPF. Stay tuned \ud83d\ude09<\/p>\n\n\n\n


      <\/p>\n","protected":false},"excerpt":{"rendered":"

      Transitioning from Dynamo scripting to Autodesk\u00ae Revit Add-in development introduced me to a higher level of software complexity. It required me to consider various aspects, including database connections, user interface creation, authentication checks, and the organization of multiple C# and XAML files. Architectural patterns are a good way of managing such complexity. They provide a […]<\/p>\n","protected":false},"author":1,"featured_media":1819,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-1047","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-design"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/posts\/1047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/comments?post=1047"}],"version-history":[{"count":115,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/posts\/1047\/revisions"}],"predecessor-version":[{"id":1820,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/posts\/1047\/revisions\/1820"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/media\/1819"}],"wp:attachment":[{"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/media?parent=1047"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/categories?post=1047"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easyrevitapi.com\/index.php\/wp-json\/wp\/v2\/tags?post=1047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}