WPF MVVM基础示例

简介：
本示例旨在为初学者提供WPF MVVM架构的基本理解和实践，通过简单的代码演示如何构建视图、模型和视图模型之间的分离与交互。 在Windows Presentation Foundation（WPF）中使用Model-View-ViewModel（MVVM）设计模式是一种广泛采用的方法，它有效地分离了用户界面与业务逻辑，增强了代码的可测试性和维护性。本实例将深入探讨MVVM在WPF中的应用，并尽管规模较小但涵盖了该模式的核心概念。 ### 1. MVVM模式概述 MVVM模式由三个主要部分组成：模型（Model）、视图（View）和视图模型（ViewModel）。模型是应用程序的数据层，负责数据处理和业务逻辑。视图则是用户看到并交互的界面，而视图模型作为桥梁连接了这两者，并处理它们之间的数据绑定及通信。 ### 2. 模型（Model） 在WPF MVVM模式中，一个简单的实例可能包括一个`Person`类，该类包含属性如姓名和年龄以及与这些属性相关的操作方法。例如： ```csharp public class Person { public string Name { get; set; } public int Age { get; set; } // 数据操作的方法可以在这里定义。 } ``` ### 3. 视图（View） 视图是用户界面，通常用XAML文件来实现。在WPF中，我们可以使用数据绑定将视图模型的属性直接连接到UI元素上，如文本框、按钮等。 例如： ```xml ``` ### 4. 视图模型（ViewModel） 视图模型是MVVM模式中至关重要的一部分。它提供了用于与视图交互的命令和属性，同时也封装了对模型的操作。 例如： ```csharp public class ViewModel : INotifyPropertyChanged { private Person _person; public Person Person { get => _person; set { if (_person != value) { _person = value; OnPropertyChanged(nameof(Person)); } } } // 命令实现可以在这里定义。 } ``` ### 5. 绑定与交互 在应用程序启动时，会创建一个`ViewModel`实例，并将其设置为视图的DataContext。这使得视图能够通过数据绑定直接访问和更新视图模型中的属性。 例如： - 当用户修改文本框内容时，相应的Person对象将自动更新。 - 调用命令如SaveCommand，则触发对底层数据的操作以保存更改。 ### 6. 小结 这个简单的WPF MVVM实例展示了如何通过使用数据绑定和命令来实现UI与业务逻辑的解耦。尽管只涉及一个简单的`Person`模型，但它体现了MVVM模式的核心思想——即视图模型在协调模型和视图之间的交互中扮演的重要角色。 了解了该基础实例后，可以进一步探索更复杂的MVVM用法如依赖注入、命令参数及多ViewModel协作等以提升WPF开发技能。