一文读懂WPF系列之MVVM
WPF MVVM
- 什么是MVVM
- WPF为何使用MVVM机制
- WPFMVVM 的实现手段
- INotifyPropertyChanged
- 数据绑定的源端通知
- 原理 PropertyChanged事件
- 双向绑定的完整条件
- 常见疑惑问题
什么是MVVM
翻译全称就是 model-view-viewmodel 3部分内容
-
以wpf的概念角度来解释就是 数据库数据源模型----xmal UI视图----DataContext Viewmodel使用模型承载方式
-
以技术点的角度来解释就是通过 UI的依赖属性 - binding-ViewModel 数据之间 双向绑定
UI控件内容变动可以作用于viewmodel,viewmodel模型内容变动也可以作用于UI控件内容显示
WPF为何使用MVVM机制
- 职责分离
View：仅负责 UI 呈现，通过 XAML 绑定依赖属性。
ViewModel：处理业务逻辑，通过 INotifyPropertyChanged 驱动数据流。
Model：封装数据结构和业务规则。 - 可测试性与维护性
ViewModel 独立于 UI，便于单元测试。
样式与逻辑解耦，支持设计师与开发者并行工作
WPFMVVM 的实现手段
在 WPF 中，依赖属性、数据绑定和 INotifyPropertyChanged 是支撑 MVVM（Model-View-ViewModel）设计模式的三大核心
- 依赖属性与 View 的绑定
自定义控件：通过依赖属性定义控件行为（如 NumericBox.Value），并绑定到 ViewModel 属性。
数据模板：在控件模板中使用 TemplateBinding 关联依赖属性与模板元素。 - INotifyPropertyChanged 与 ViewModel 的绑定
数据驱动 UI：ViewModel 的 CLR 属性通过 INotifyPropertyChanged 实现双向绑定，例如用户输入实时同步到数据源。
工具辅助：使用 Fody 库的 [ImplementPropertyChanged] 特性自动生成属性变更代码，减少样板代码。 - 数据绑定引擎的协作
绑定模式：
单向绑定（OneWay）：依赖属性监听 ViewModel 属性变化。
双向绑定（TwoWay）：依赖属性与 ViewModel 属性互相更新，例如 TextBox.Text 与 ViewModel.InputText。
验证与转换：通过 IValueConverter 和 ValidationRule 实现数据格式转换与输入验证
INotifyPropertyChanged
数据绑定的源端通知
ViewModel 的职责：ViewModel 中的 CLR 属性需实现 INotifyPropertyChanged，以便在值变更时通过 PropertyChanged 事件通知 UI 更新
public class ViewModel : INotifyPropertyChanged {private string _userName;public string UserName {get => _userName;set { _userName = value; OnPropertyChanged(nameof(UserName)); }}public event PropertyChangedEventHandler PropertyChanged;protected void OnPropertyChanged(string propertyName) => PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
}<TextBox Text="{Binding UserName, Mode=TwoWay}" />
原理 PropertyChanged事件
- INotifyPropertyChanged 是一个接口，定义了一个 PropertyChanged 事件
- 当 ViewModel 中的属性值发生变化时，触发 PropertyChanged 事件，并传递属性名称。
- WPF 的绑定引擎会监听此事件，并根据属性名称更新对应的 UI 元素
双向绑定的完整条件
- 目标属性是依赖属性（如 TextBox.Text）。
- 源属性实现 INotifyPropertyChanged（ViewModel 属性）。
- 显式设置 Mode=TwoWay（除非依赖目标属性默认支持双向）。
- 更新触发时机：通过 UpdateSourceTrigger 控制同步时机（如 PropertyChanged 或 LostFocus）
常见疑惑问题
- 如果没有用到INotifyPropertyChanged，即使binding 设置了 twoway 也无法viewmodel变更后 作用UI显示
- 绑定不更新
可能原因：
未正确调用 OnPropertyChanged。
属性名称拼写错误（使用 nameof 避免）。
未启用 Mode=TwoWay（如需要从 View 更新到 ViewModel） - 目前DataContext是通过=this的写法 来表现数据源的，无法使用mvvm 所以为什么推荐使用 viewmodel的写法来使用，DataContext = this 的适用场景：仅适用于原型验证或极小规模工具，不推荐生产环境使用
- 在 WPF 中，若绑定模式设置为 OneWay，且 ViewModel 实现了 INotifyPropertyChanged 接口，数据源的变更会触发 UI 更新，但 UI 的修改不会反向同步到数据源