WPF手写MVVM例子

**WPF手写MVVM例子** 在Windows Presentation Foundation（WPF）中，MVVM（Model-View-ViewModel）设计模式是一种被广泛采用的开发架构，它将用户界面（View）、业务逻辑（ViewModel）和数据模型（Model）进行解耦，提高了代码的可测试性和可维护性。本例子将深入探讨如何在C#环境中手动实现一个简单的MVVM应用。 **1. MVVM模式介绍** MVVM模式起源于软件工程中的MVC模式，主要针对UI层的开发。在MVVM中： - **Model**：负责业务数据的存储和处理，与数据源交互。 - **View**：是用户看到和与之交互的界面，通过数据绑定与ViewModel进行通信。 - **ViewModel**：作为View和Model的桥梁，提供数据转换和业务逻辑，同时暴露给View可以观察的数据属性和命令。 **2. WPF中的数据绑定** WPF的数据绑定是实现MVVM的关键特性，它允许View自动反映ViewModel中的数据变化。例如，当ViewModel中的一个属性值改变时，对应的View元素也会自动更新。 **3. 创建Model** 定义Model类来封装应用程序的核心数据。例如，我们可以创建一个`Person`类，包含姓名、年龄等属性。 ```csharp public class Person { public string Name { get; set; } public int Age { get; set; } } ``` **4. 实现ViewModel** ViewModel是View与Model之间的接口，通常会包含对Model操作的方法以及数据属性，这些属性使用`INotifyPropertyChanged`接口通知View数据的变化。例如： ```csharp public class PersonViewModel : INotifyPropertyChanged { private Person _person; public Person Person { get { return _person; } set { if (_person != value) { _person = value; OnPropertyChanged("Person"); } } } public event PropertyChangedEventHandler PropertyChanged; protected void OnPropertyChanged(string propertyName) { PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName)); } } ``` **5. 创建View** 在WPF中，XAML文件用于定义View的布局和外观。使用数据绑定将View与ViewModel连接起来，例如： ```xml <Window> <StackPanel> <TextBlock Text="{Binding Person.Name}"/> <TextBlock Text="{Binding Person.Age}"/> <!-- 更多控件和数据绑定 --> </StackPanel> </Window> ``` **6. 关联ViewModel和View** 在后台代码中，将ViewModel设置为View的DataContext，这样View就能找到并绑定到ViewModel的属性： ```csharp public MainWindow() { InitializeComponent(); DataContext = new PersonViewModel { Person = new Person() }; } ``` **7. 手动实现命令** MVVM中，ViewModel通常通过实现`ICommand`接口或使用依赖项属性来处理View中的交互事件。例如，添加一个保存数据的命令： ```csharp public class RelayCommand : ICommand { // 命令实现 } public class PersonViewModel { private RelayCommand _saveCommand; public RelayCommand SaveCommand { get { return _saveCommand ??= new RelayCommand(SaveData); } } private void SaveData() { // 保存数据到Model的逻辑 } } ``` **8. 测试和调试** 完成上述步骤后，可以通过运行程序来测试MVVM模式的效果。可以观察View是否能正确显示和响应ViewModel的改变，同时确保业务逻辑的正确执行。 通过这个简单的MVVM手写例子，我们可以理解MVVM模式如何在WPF中工作，并了解其核心概念：数据绑定、ViewModel、命令和Model。这只是一个基础的实现，实际项目中可能会更复杂，包括异常处理、依赖注入、UI自动化测试等方面。但这个例子足够帮助开发者入门WPF中的MVVM设计模式。