摘要:前一篇文章中WinForms 中使用 MVVM 模式构建应用:实现登录页面、页面导航及 SQLite 数据库连接完整框架搭建过程,仅仅使用了事件驱动模型,有好几个朋友留言说,要看看数据驱动是怎么编写的,这篇文章展示了相关内容,欢迎订阅观看,多多评论交流。
前一篇文章中WinForms 中使用 MVVM 模式构建应用:实现登录页面、页面导航及 SQLite 数据库连接完整框架搭建过程,仅仅使用了事件驱动模型,有好几个朋友留言说,要看看数据驱动是怎么编写的,这篇文章展示了相关内容,欢迎订阅观看,多多评论交流。
在传统的 WinForms 开发中,事件驱动模型(Event-Driven Model)是核心,它通过控件的事件(如点击按钮、改变文本等)触发业务逻辑。然而,MVVM 模式引入了数据驱动(Data-Driven)的理念,这种方式通过数据绑定实现视图和业务逻辑之间的解耦,使代码更清晰、更易于维护。本文将解析这两种驱动模型,并结合前面所述基于 MVVM 的 WinForms 框架示例来展示如何将两者结合起来,特别是增加数据驱动部分。
事件驱动模型是一种基于用户交互或系统事件触发操作的编程模式。它依赖于事件的定义和监听,用户操作触发事件,然后由事件处理程序执行逻辑代码。
示例:登录按钮点击事件
public partial class LoginForm : Form{private readonly LoginViewModel _viewModel;public LoginForm(LoginViewModel viewModel){InitializeComponent;_viewModel = viewModel;}private void btnLogin_Click(object sender, EventArgs e){_viewModel.Username = tb_user.Text.Trim;_viewModel.Password = tb_password.Text.Trim;_viewModel.LoginCommand.Execute(null);this.Hide;}}数据驱动模型通过数据的变化来驱动 UI 的更新。通过数据绑定机制,视图和数据模型保持同步,无需显式的事件监听和处理。当数据发生变化时,UI 自动更新。
在 MVVM 模式中,数据驱动的核心是通过数据绑定,使视图模型(ViewModel)中的数据改变时,视图(View)能够自动更新。以下是一个简单的例子来说明这一点。
视图模型使用 INotifyPropertyChanged 接口,让属性改变时通知视图。
using System.ComponentModel;using System.Runtime.CompilerServices;public class LoginViewModel : INotifyPropertyChanged{private string _username;private string _password;public event PropertyChangedEventHandler PropertyChanged;public string Username{get => _username;set{if (_username != value){_username = value;OnPropertyChanged;}}}public string Password{get => _password;set{if (_password != value){_password = value;OnPropertyChanged;}}}protected void OnPropertyChanged([CallerMemberName] string propertyName = null){PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));}}视图绑定到 LoginViewModel,使用数据绑定让 UI 自动更新。
using System.Windows.Forms;public partial class LoginForm : Form{private readonly LoginViewModel _viewModel;public LoginForm(LoginViewModel viewModel){InitializeComponent;_viewModel = viewModel;// 绑定数据到控件txtUsername.DataBindings.Add("Text", _viewModel, nameof(_viewModel.Username), false, DataSourceUpdateMode.OnPropertyChanged);txtPassword.DataBindings.Add("Text", _viewModel, nameof(_viewModel.Password), false, DataSourceUpdateMode.OnPropertyChanged);}}简要说明
1. 当用户在 txtUsername 或 txtPassword 输入框中输入内容时,输入值会自动更新到 LoginViewModel 中的 Username 和 Password 属性。2. 通过数据绑定,视图中的控件和视图模型中的数据保持同步,简化了代码逻辑。尽管 WinForms 没有内置的强大数据绑定机制(如 WPF),我们仍可以通过 INotifyPropertyChanged 接口实现数据驱动。以下是如何在示例框架中加入数据驱动功能。
在 LoginViewModel 中实现 INotifyPropertyChanged 接口,让属性的改变能够通知绑定的 UI 控件。
using System.ComponentModel;using System.Windows.Input;using WinFormMVVM.Services;using WinFormMVVM.Commands;using WinFormMVVM.Views;using System.Runtime.CompilerServices;using System.Diagnostics;namespace WinFormMVVM.ViewModels{public class LoginViewModel : INotifyPropertyChanged{private string _username;private string _password;private bool _isPasswordInValid;private readonly IUserService _userService;public event PropertyChangedEventHandler PropertyChanged;public string Username{get => _username;set{if (_username != value){_username = value;OnPropertyChanged;}}}public string Password{get => _password;set{if (_password != value){_password = value;ValidatePassword; // 验证密码OnPropertyChanged;}}}public bool IsPasswordInValid{get => _isPasswordInValid;private set{if (_isPasswordInValid != value){_isPasswordInValid = value;OnPropertyChanged;}}}private void ValidatePassword{// 检查密码是否包含大写字母和小写字母IsPasswordInValid = string.IsNullOrEmpty(_password) ||(!(_password.Any(char.IsUpper) &&_password.Any(char.IsLower)));Trace.WriteLine(IsPasswordInValid);}protected void OnPropertyChanged([CallerMemberName] string propertyName = null){PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));}public ICommand LoginCommand { get; }public LoginViewModel(IUserService userService){_userService = userService;LoginCommand = new RelayCommand(Login);}private void Login{var user = _userService.GetUserByUsername(Username);if (user != null && user.Password == Password){MainForm mainForm = new MainForm;mainForm.Show;}else{MessageBox.Show("显示登录失败的消息!");}}}}我们可以通过 DataBindings 来将控件属性绑定到 ViewModel。
示例:绑定数据到文本框
using WinFormMVVM.ViewModels;namespace WinFormMVVM.Views{public partial class LoginForm : Form{private readonly LoginViewModel _viewModel;public LoginForm(LoginViewModel viewModel){InitializeComponent;_viewModel = viewModel;tb_user.DataBindings.Add("Text", _viewModel, nameof(_viewModel.Username), false, DataSourceUpdateMode.OnPropertyChanged);tb_password.DataBindings.Add("Text", _viewModel, nameof(_viewModel.Password), false, DataSourceUpdateMode.OnPropertyChanged);lblPasswordValidation.DataBindings.Add("Visible", _viewModel, nameof(_viewModel.IsPasswordInValid), false, DataSourceUpdateMode.OnPropertyChanged);lblPasswordValidation.Text = "密码必须包含大小写字母";}private void btnLogin_Click(object sender, EventArgs e){_viewModel.LoginCommand.Execute(null);this.Hide;}}}执行结果:
在 WinForms 中,许多控件都支持数据绑定,可以实现视图和数据的同步。以下是常用的支持数据绑定的控件:
• 用途: 用于显示和编辑文本。• 绑定属性: TexttxtUsername.DataBindings.Add("Text", viewModel, "Username", false, DataSourceUpdateMode.OnPropertyChanged);• 用途: 用于显示只读文本。• 绑定属性: TextlblMessage.DataBindings.Add("Text", viewModel, "StatusMessage");chkRememberMe.DataBindings.Add("Checked", viewModel, "RememberMe");cmbOptions.DataBindings.Add("SelectedValue", viewModel, "SelectedOption");cmbOptions.DataSource = viewModel.Options; // 绑定数据源lstItems.DataBindings.Add("SelectedItem", viewModel, "SelectedItem");lstItems.DataSource = viewModel.Items; // 绑定数据源dataGridView.DataBindings.Add("DataSource", viewModel, "TableData");• 用途: 显示图片。• 绑定属性: ImagepictureBox.DataBindings.Add("Image", viewModel, "ProfilePicture");• 用途: 显示任务进度。• 绑定属性: ValueprogressBar.DataBindings.Add("Value", viewModel, "Progress");dateTimePicker.DataBindings.Add("Value", viewModel, "SelectedDate");trackBar.DataBindings.Add("Value", viewModel, "VolumeLevel");WinForms 中的大多数控件都支持通过 DataBindings 来实现数据驱动的功能。通过使用 DataBindings.Add 方法,可以将视图模型中的属性与控件的属性绑定,从而在视图模型的数据发生变化时自动更新视图。
在 WinForms 中实现 MVVM 模式,可以结合事件驱动和数据驱动模型,发挥各自的优势。通过 INotifyPropertyChanged 和数据绑定,我们可以实现更加简洁、可维护的 WinForms 应用。
如果本文对你有帮助,我将非常荣幸。
如果你对本文有其他的看法,欢迎留言交流。
如果你喜欢我的文章,谢谢三连,点赞,关注,转发吧!!!
来源:科技天下事