[Windows] 在 Microsoft Docs 网站中挖掘 MVVM 的各种学习资源

迷南。 2022-11-07 11:40 14阅读 0赞

![38937-20201127151036597-1223237602.png][]

最近写了一些 MVVM 框架的文章，翻了一些 [Microsoft Docs][] 的文档，顺便就对 MVVM 本身来了兴致，想看看更多当年相关的文档。在 MVVM 出现后十多年，我在不同的场合见到过多种 MVVM 的实现方式，也看到过各种 MVVM 框架的多次改进（这些框架通常包含多个用于实现解耦体系结构的服务，在一定程度上使 MVVM 的确切定义变得模糊），这些都让我对 MVVM 的理解变得多样化。这种情况下重温一下 MVVM 的文档也并不是毫无意义。

在 Microsoft Docs 网站上搜 “MVVM” 关键字有 200 多个结果，搜 ViewModel 关键字有 1400 多个结果，要全部看完显然太多。我一边回顾/重温，一边整理了一些有趣的文档以供参考。

## 1. MSDN 杂志 ##

![38937-20201127151059733-922267026.gif][]

首先是 MSDN 杂志。在发行 30 多年后，[MSDN 杂志完成了它的使命][MSDN]。今天我们仍可以在 Microsoft Docs 上找到当年的 MSDN 杂志的[存档][Link 1]，其中关于 MVVM 的内容也有不少。虽然也有介绍如何使用 MVVM 框架的文章，但难道使用 MVVM 就一定要用框架吗，MVVM 岂是如此不便之物。下面我只列出了 MSDN 杂志中关于 MVVM 本身的内容。部分中文翻译的文章我直接给出中文地址，其它则是英文原文。

*  [Patterns - WPF Apps With The Model-View-ViewModel Design Pattern][]
 *  [使用 Model-View-ViewModel 的问题和解决方案][Model-View-ViewModel]
 *  [用于 WPF 的 Model-View-Presenter-ViewModel 设计模式][WPF _ Model-View-Presenter-ViewModel]
 *  [在 Windows 8 中使用 MVVM 模式][Windows 8 _ MVVM]
 *  [Maximizing the Visual Designer’s Usage with Design-Time Data][Maximizing the Visual Designer_s Usage with Design-Time Data]
 *  [Leveraging Windows 8 Features with MVVM][]
 *  [使用 MVVM 编写跨平台表示层][MVVM]
 *  [使用 MVVM 编写可测试的表示层][MVVM 1]
 *  [针对异步 MVVM 应用程序的模式：数据绑定][MVVM 2]
 *  [针对异步 MVVM 应用程序的模式：命令][MVVM 3]
 *  [针对异步 MVVM 应用程序的模式：服务][MVVM 4]
 *  [MVVM 应用程序中的多线程与调度][MVVM 5]
 *  [最大限度地利用Roslyn体验MVVM][Roslyn_MVVM]

## 2. Prism ##

![38937-20201208112635102-1684971459.png][]

接下来看看 [Prism][]。Prism 本来由微软 patterns & practices 团队领导，后来 [离家出走][Link 2]，现在的新家在 [Github][]，也有了独立的 [官方文档][Link 3]。虽然分开了，可是微软倒是挺念旧，搬了新家也带着 Prism 的旧文档。可别以为这份 2014 年的旧文档年纪大了就没用了，先来看看这个 6 岁的老同志的介绍：

> Prism以示例和文档的形式提供指导，帮助您轻松设计和构建丰富、灵活、易于维护的 Windows Presentation Foundation（WPF）桌面应用程序。使用包含重要架构设计原则（如关注点分离和松耦合）的设计模式，Prism可以帮助您使用松散耦合组件设计和构建应用程序，这些组件可以独立演化，但可以轻松无缝地集成到整个应用程序中。简而言之，这些应用程序是“为持久而构建”和“为改变而构建的”。这些类型的应用程序被称为复合应用程序。

Prism 并不仅仅是一个 MVVM 框架，它还是微软曾经给出的最好的 Wpf 实践指导。这份总建议阅读时间超过 7 小时的文档是微软 patterns & practices 团队交给 Wpf 开发者的最后的波纹。它解释了 Wpf 不同于 WinForms 的 UI交互，并介绍了架构设计原则、包含 MVVM、依赖注入在内的多种设计模式以及 Prism 的使用和实现原理，还有各种模式的代码示例，通过阅读这些文档，我敢保证，你的英语会变好一些。

*  [Developer's Guide to Microsoft Prism Library 5.0 for WPF][Developer_s Guide to Microsoft Prism Library 5.0 for WPF]
 *  [1: Introduction to the Prism Library 5.0 for WPF][1_ Introduction to the Prism Library 5.0 for WPF]
 *  [2: Initializing Applications Using the Prism Library 5.0 for WPF][2_ Initializing Applications Using the Prism Library 5.0 for WPF]
 *  [3: Managing Dependencies Between Components Using the Prism Library 5.0 for WPF][3_ Managing Dependencies Between Components Using the Prism Library 5.0 for WPF]
 *  [4: Modular Application Development Using Prism Library 5.0 for WPF][4_ Modular Application Development Using Prism Library 5.0 for WPF]
 *  [5: Implementing the MVVM Pattern Using the Prism Library 5.0 for WPF][5_ Implementing the MVVM Pattern Using the Prism Library 5.0 for WPF]
 *  [6: Advanced MVVM Scenarios Using the Prism Library 5.0 for WPF][6_ Advanced MVVM Scenarios Using the Prism Library 5.0 for WPF]
 *  [7: Composing the User Interface Using the Prism Library 5.0 for WPF][7_ Composing the User Interface Using the Prism Library 5.0 for WPF]
 *  [8: Navigation Using the Prism Library 5.0 for WPF][8_ Navigation Using the Prism Library 5.0 for WPF]
 *  [9: Communicating Between Loosely Coupled Components Using the Prism Library 5.0 for WPF][9_ Communicating Between Loosely Coupled Components Using the Prism Library 5.0 for WPF]
 *  [10: Deploying Applications Using the Prism Library 5.0 for WPF][10_ Deploying Applications Using the Prism Library 5.0 for WPF]
 *  [11: Glossary for the Prism Library 5.0 for WPF][11_ Glossary for the Prism Library 5.0 for WPF]
 *  [12: Patterns in the Prism Library 5.0 for WPF][12_ Patterns in the Prism Library 5.0 for WPF]
 *  [13: Prism Library 5.0 for WPF][13_ Prism Library 5.0 for WPF]
 *  [14: Upgrading from Prism Library 4.1][14_ Upgrading from Prism Library 4.1]
 *  [15: Extending the Prism Library 5.0 for WPF][15_ Extending the Prism Library 5.0 for WPF]
 *  [16: Code Samples Using the Prism Library 5.0 for WPF][16_ Code Samples Using the Prism Library 5.0 for WPF]
 *  [17: Getting Started Using the Prism Library 5.0 for WPF Hands-on Lab][17_ Getting Started Using the Prism Library 5.0 for WPF Hands-on Lab]
 *  [18: Publishing and Updating Applications Using the Prism Library 5.0 for WPF Hands-on Lab][18_ Publishing and Updating Applications Using the Prism Library 5.0 for WPF Hands-on Lab]

上面的是 Prism 5 的文档， 其实 Prism 4 的文档也差不多，我在博客园上找到一份 Prism 4 的文档翻译：

[Prism - 随笔分类 - 西夏 - 博客园][Prism - _ - _ -]

还有这份08年的文档，介绍了 Prism 最初的概念：

[Prism (Composite Application Guidance for WPF)][Prism _Composite Application Guidance for WPF]

## 3. Xamarin 中的 MVVM ##

![38937-20201208113725596-1983205162.png][]

近几年 Xamarin 的文档颇有活力，其中关于也有几篇关于 MVVM 的内容：

*  [The Model-View-ViewModel Pattern][]
 *  [Using the Model-View-ViewModel (MVVM) pattern in a Windows Store business app using C\#, XAML, and Prism][Using the Model-View-ViewModel _MVVM_ pattern in a Windows Store business app using C_ XAML_ and Prism]
 *  [第 18 章： MVVM][18 _ MVVM]
 *  [从数据绑定到 MVVM][MVVM 6]

## 4. 数据绑定 ##

![38937-20201208131450666-1975553231.png][]

大致上关于 MVVM 的文档就是上面这些了。另外还需要确保数据绑定和命令的知识，它们是 MVVM 最基础的概念，所以这方面的文档也可以看一看。

关于数据绑定，由于是 XAML 平台的基础，各个平台的文档都写得很详细。Wpf 的数据绑定文章写在一篇里，预计阅读时间长达38分钟：

[Data binding overview in WPF][]

Xamarin 的数据绑定文档相对友好，分成多篇文章：

[Xamarin.Forms 数据绑定][Xamarin.Forms]

![38937-20201208131507369-546763539.jpg][]

比起 Wpf 和 Xamarin，我觉得 Uwp 的文档更有趣些，虽然 Uwp 的数据绑定和 Wpf 的有很多不同，但也很值得参考：

*  [数据绑定概述][Link 4]
 *  [深入了解数据绑定][Link 5]
 *  [x:Bind 中的函数][x_Bind]
 *  [教程：创建数据绑定][Link 6]
 *  [设计面图上以及用于原型制作的示例数据][Link 7]
 *  [绑定分层数据和创建大纲/细节视图][Link 8]
 *  [数据绑定和 MVVM][MVVM 7]

## 5. 其它 ##

在稍微复杂一些的 XAML 中一个元素可能很难搞清楚自己的 DataContext，因为这涉及它的逻辑树、Parent 的DataContext、DataTemplete 等。总之，使用 Binding 的元素需要搞清楚自己的定位。所以了解一下 [Data Templating][] 和 [Trees in WPF][] 对做好 DataBinding 也会有帮助。

另外，只有少量的控件有对 ICommand 的处理，所以通过 [使用行为][Link 9] 将数据和事件转换为 Command 的调用是实现 MVVM 必不可少的技能。

## 6. 最后 ##

写这篇文章的过程简直成了大型考古，很开心有机会重温这些当年帮了我很多的文档。可喜的是十年前的文章对 XAML 开发居然还有用，可悲的是十年前的文章对 XAML 开发居然还有用。

Microsoft Docs 保存了多年来微软各种技术文档的存档，有兴趣的话你也可以在这里寻找到当年的回忆。

[38937-20201127151036597-1223237602.png]: /images/20221023/f6ae765ea6984b0c88e0550b0f080baa.png
[Microsoft Docs]: https://docs.microsoft.com/zh-cn/?WT.mc_id=DX-MVP-5003606
[38937-20201127151059733-922267026.gif]: /images/20221023/94e832f947164c239969090f352696d9.png
[MSDN]: https://docs.microsoft.com/en-us/archive/msdn-magazine/2019/november/editor-s-note-hail-and-farewell
[Link 1]: https://docs.microsoft.com/en-us/archive/msdn-magazine/msdn-magazine-issues
[Patterns - WPF Apps With The Model-View-ViewModel Design Pattern]: https://docs.microsoft.com/en-us/archive/msdn-magazine/2009/february/patterns-wpf-apps-with-the-model-view-viewmodel-design-pattern/?WT.mc_id=WD-MVP-5003763
[Model-View-ViewModel]: https://docs.microsoft.com/ZH-CN/archive/msdn-magazine/2010/july/design-patterns-problems-and-solutions-with-model-view-viewmodel/?WT.mc_id=WD-MVP-5003763
[WPF _ Model-View-Presenter-ViewModel]: https://docs.microsoft.com/zh-cn/archive/msdn-magazine/2011/december/mvpvm-design-pattern-the-model-view-presenter-viewmodel-design-pattern-for-wpf/?WT.mc_id=WD-MVP-5003763
[Windows 8 _ MVVM]: https://docs.microsoft.com/zh-cn/archive/msdn-magazine/2012/windows-8-special-issue/mvvm-using-the-mvvm-pattern-in-windows-8/?WT.mc_id=WD-MVP-5003763
[Maximizing the Visual Designer_s Usage with Design-Time Data]: https://docs.microsoft.com/en-us/archive/msdn-magazine/2013/april/mvvm-maximizing-the-visual-designer%E2%80%99s-usage-with-design-time-data/?WT.mc_id=WD-MVP-5003763
[Leveraging Windows 8 Features with MVVM]: https://docs.microsoft.com/en-us/archive/msdn-magazine/2013/july/mvvm-leveraging-windows-8-features-with-mvvm/?WT.mc_id=WD-MVP-5003763
[MVVM]: https://docs.microsoft.com/zh-cn/archive/msdn-magazine/2013/september/mvvm-writing-a-cross-platform-presentation-layer-with-mvvm/?WT.mc_id=WD-MVP-5003763
[MVVM 1]: https://docs.microsoft.com/zh-cn/archive/msdn-magazine/2013/november/mvvm-writing-a-testable-presentation-layer-with-mvvm/?WT.mc_id=WD-MVP-5003763
[MVVM 2]: https://docs.microsoft.com/zh-cn/archive/msdn-magazine/2014/march/async-programming-patterns-for-asynchronous-mvvm-applications-data-binding/?WT.mc_id=WD-MVP-5003763
[MVVM 3]: https://docs.microsoft.com/zh-cn/archive/msdn-magazine/2014/april/async-programming-patterns-for-asynchronous-mvvm-applications-commands/?WT.mc_id=WD-MVP-5003763
[MVVM 4]: https://docs.microsoft.com/zh-cn/archive/msdn-magazine/2014/may/async-programming-patterns-for-asynchronous-mvvm-applications-services/?WT.mc_id=WD-MVP-5003763
[MVVM 5]: https://docs.microsoft.com/zh-cn/archive/msdn-magazine/2014/april/mvvm-multithreading-and-dispatching-in-mvvm-applications/?WT.mc_id=WD-MVP-5003763
[Roslyn_MVVM]: https://docs.microsoft.com/zh-cn/archive/msdn-magazine/2016/may/net-compiler-platform-maximize-your-model-view-viewmodel-experience-with-roslyn/?WT.mc_id=WD-MVP-5003763
[38937-20201208112635102-1684971459.png]: /images/20221023/a47e5f08a64446eb890ef18cb2d7441d.png
[Prism]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/ff921343%28v=pandp.10%29/?WT.mc_id=DX-MVP-5003606
[Link 2]: https://devblogs.microsoft.com/dotnet/prism-grows-up/
[Github]: https://github.com/PrismLibrary/Prism
[Link 3]: https://prismlibrary.com/docs/index.html
[Developer_s Guide to Microsoft Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/gg406140%28v=pandp.10%29/?WT.mc_id=DX-MVP-5003606
[1_ Introduction to the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/ff921153%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[2_ Initializing Applications Using the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/gg430868%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[3_ Managing Dependencies Between Components Using the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/ff921140%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[4_ Modular Application Development Using Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/gg405479%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[5_ Implementing the MVVM Pattern Using the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/gg405484%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[6_ Advanced MVVM Scenarios Using the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/gg405494%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[7_ Composing the User Interface Using the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/ff921098%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[8_ Navigation Using the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/gg430861%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[9_ Communicating Between Loosely Coupled Components Using the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/ff921122%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[10_ Deploying Applications Using the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/gg430856%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[11_ Glossary for the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/ff921135%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[12_ Patterns in the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/ff921146%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[13_ Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/gg405476%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[14_ Upgrading from Prism Library 4.1]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/ff921144%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[15_ Extending the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/gg430866%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[16_ Code Samples Using the Prism Library 5.0 for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/gg430879%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[17_ Getting Started Using the Prism Library 5.0 for WPF Hands-on Lab]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/ff921141%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[18_ Publishing and Updating Applications Using the Prism Library 5.0 for WPF Hands-on Lab]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/gg405497%28v=pandp.40%29/?WT.mc_id=DX-MVP-5003606
[Prism - _ - _ -]: https://www.cnblogs.com/xixia/category/618180.html
[Prism _Composite Application Guidance for WPF]: https://docs.microsoft.com/en-us/previous-versions/msp-n-p/ff648612%28v=pandp.10%29?WT.mc_id=WD-MVP-5003763
[38937-20201208113725596-1983205162.png]: /images/20221023/e364c3685f1648d1978f37e4f2984ff4.png
[The Model-View-ViewModel Pattern]: https://docs.microsoft.com/zh-cn/xamarin/xamarin-forms/enterprise-application-patterns/mvvm/?WT.mc_id=WD-MVP-5003763
[Using the Model-View-ViewModel _MVVM_ pattern in a Windows Store business app using C_ XAML_ and Prism]: https://docs.microsoft.com/en-us/previous-versions/windows/apps/xx130657%28v=win.10%29?WT.mc_id=WD-MVP-5003763
[18 _ MVVM]: https://docs.microsoft.com/zh-cn/xamarin/xamarin-forms/creating-mobile-apps-xamarin-forms/summaries/chapter18/?WT.mc_id=WD-MVP-5003763
[MVVM 6]: https://docs.microsoft.com/zh-cn/xamarin/xamarin-forms/xaml/xaml-basics/data-bindings-to-mvvm/?WT.mc_id=WD-MVP-5003763
[38937-20201208131450666-1975553231.png]: /images/20221023/0afb784073c0474f912d707ae79d97e9.png
[Data binding overview in WPF]: https://docs.microsoft.com/en-us/dotnet/desktop/wpf/data/data-binding-overview?WT.mc_id=WD-MVP-5003763
[Xamarin.Forms]: https://docs.microsoft.com/zh-cn/xamarin/xamarin-forms/app-fundamentals/data-binding/?WT.mc_id=WD-MVP-5003763
[38937-20201208131507369-546763539.jpg]: /images/20221023/4afd2529d27143fdad3f8bc78d1ef74e.png
[Link 4]: https://docs.microsoft.com/zh-cn/windows/uwp/data-binding/data-binding-quickstart?WT.mc_id=WD-MVP-5003763
[Link 5]: https://docs.microsoft.com/zh-cn/windows/uwp/data-binding/data-binding-in-depth?WT.mc_id=WD-MVP-5003763
[x_Bind]: https://docs.microsoft.com/zh-cn/windows/uwp/data-binding/function-bindings?WT.mc_id=WD-MVP-5003763
[Link 6]: https://docs.microsoft.com/zh-cn/windows/uwp/data-binding/xaml-basics-data-binding?WT.mc_id=WD-MVP-5003763
[Link 7]: https://docs.microsoft.com/zh-cn/windows/uwp/data-binding/displaying-data-in-the-designer?WT.mc_id=WD-MVP-5003763
[Link 8]: https://docs.microsoft.com/zh-cn/windows/uwp/data-binding/how-to-bind-to-hierarchical-data-and-create-a-master-details-view?WT.mc_id=WD-MVP-5003763
[MVVM 7]: https://docs.microsoft.com/zh-cn/windows/uwp/data-binding/data-binding-and-mvvm?WT.mc_id=WD-MVP-5003763
[Data Templating]: https://docs.microsoft.com/zh-cn/dotnet/desktop/wpf/data/data-templating-overview?WT.mc_id=WD-MVP-5003763
[Trees in WPF]: https://docs.microsoft.com/en-us/dotnet/desktop/wpf/advanced/trees-in-wpf?WT.mc_id=WD-MVP-5003763
[Link 9]: https://docs.microsoft.com/zh-cn/previous-versions/visualstudio/design-tools/expression-studio-4/ee341381%28v=expression.40%29?WT.mc_id=WD-MVP-5003763