当前位置： 首页 > article >正文

深入解析 WinForms MVVM 模式中的事件驱动与数据驱动

article 2024/11/9 2:08:09

前言

在传统的 WinForms 开发中，事件驱动模型（Event-Driven Model）是核心，它通过控件的事件（如点击按钮、改变文本等）触发业务逻辑。然而，MVVM 模式引入了数据驱动（Data-Driven）的理念，这种方式通过数据绑定实现视图和业务逻辑之间的解耦，使代码更清晰、更易于维护。本文将解析这两种驱动模型，并结合前面所述基于 MVVM 的 WinForms 框架示例来展示如何将两者结合起来，特别是增加数据驱动部分。
在这里插入图片描述

一、事件驱动模型

1. 什么是事件驱动模型？

事件驱动模型是一种基于用户交互或系统事件触发操作的编程模式。它依赖于事件的定义和监听，用户操作触发事件，然后由事件处理程序执行逻辑代码。

示例：登录按钮点击事件

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();
    }
}

二、数据驱动模型

在这里插入图片描述

1. 什么是数据驱动模型？

数据驱动模型通过数据的变化来驱动 UI 的更新。通过数据绑定机制，视图和数据模型保持同步，无需显式的事件监听和处理。当数据发生变化时，UI 自动更新。

示例：数据驱动登录表单

在 MVVM 模式中，数据驱动的核心是通过数据绑定，使视图模型（ViewModel）中的数据改变时，视图（View）能够自动更新。以下是一个简单的例子来说明这一点。

1. ViewModel 示例

视图模型使用 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));
    }
}
2. View 示例

视图绑定到 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 MVVM框架 中实现数据驱动

尽管 WinForms 没有内置的强大数据绑定机制（如 WPF），我们仍可以通过 INotifyPropertyChanged 接口实现数据驱动。以下是如何在示例框架中加入数据驱动功能。

1. 增加 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("显示登录失败的消息!");
            }
        }
    }
}

2. 在视图中绑定数据

我们可以通过 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中支持数据绑定的控件

在 WinForms 中，许多控件都支持数据绑定，可以实现视图和数据的同步。以下是常用的支持数据绑定的控件：

1. TextBox

  • 用途: 用于显示和编辑文本。
  • 绑定属性: Text
txtUsername.DataBindings.Add("Text", viewModel, "Username", false, DataSourceUpdateMode.OnPropertyChanged);

2. Label

  • 用途: 用于显示只读文本。
  • 绑定属性: Text
lblMessage.DataBindings.Add("Text", viewModel, "StatusMessage");

3. CheckBox

  • 用途: 用于表示布尔值（选中或未选中）。
  • 绑定属性: Checked
chkRememberMe.DataBindings.Add("Checked", viewModel, "RememberMe");

4. ComboBox

  • 用途: 显示下拉列表。
  • 绑定属性: SelectedValue, SelectedItem, Text
cmbOptions.DataBindings.Add("SelectedValue", viewModel, "SelectedOption");
cmbOptions.DataSource = viewModel.Options; // 绑定数据源

5. ListBox

  • 用途: 显示列表项。
  • 绑定属性: SelectedItem, SelectedValue
lstItems.DataBindings.Add("SelectedItem", viewModel, "SelectedItem");
lstItems.DataSource = viewModel.Items; // 绑定数据源

6. DataGridView

  • 用途: 显示表格数据。
  • 绑定属性: DataSource
dataGridView.DataBindings.Add("DataSource", viewModel, "TableData");

7. PictureBox

  • 用途: 显示图片。
  • 绑定属性: Image
pictureBox.DataBindings.Add("Image", viewModel, "ProfilePicture");

8. ProgressBar

  • 用途: 显示任务进度。
  • 绑定属性: Value
progressBar.DataBindings.Add("Value", viewModel, "Progress");

9. DateTimePicker

  • 用途: 显示和选择日期和时间。
  • 绑定属性: Value
dateTimePicker.DataBindings.Add("Value", viewModel, "SelectedDate");

10. TrackBar

  • 用途: 显示和选择数值范围中的值。
  • 绑定属性: Value
trackBar.DataBindings.Add("Value", viewModel, "VolumeLevel");

WinForms 中的大多数控件都支持通过 DataBindings 来实现数据驱动的功能。通过使用 DataBindings.Add 方法，可以将视图模型中的属性与控件的属性绑定，从而在视图模型的数据发生变化时自动更新视图。

五、事件驱动与数据驱动结合的优势

1. 清晰的职责划分

  • 事件驱动：专注于用户交互和事件处理。
  • 数据驱动：专注于数据变化和 UI 同步。

2. 降低代码耦合

  • 视图和逻辑解耦，视图模型仅关心业务逻辑，视图关心展示。

3. 更易于测试

  • 视图模型独立于 UI，易于编写单元测试。

六、总结

在 WinForms 中实现 MVVM 模式，可以结合事件驱动和数据驱动模型，发挥各自的优势。通过 INotifyPropertyChanged 和数据绑定，我们可以实现更加简洁、可维护的 WinForms 应用。


http://www.kler.cn/a/385193.html

相关文章：

  • 一：时序数据库-Influx应用
  • 牛客小白月赛104（未补）
  • 如何修改WordPress经典编辑器的默认高度？
  • 如何选择适合小团队的项目管理工具？免费与开源软件推荐
  • 计算机网络——TCP中的流量控制和拥塞控制
  • mybatis连接PGSQL中对于json和jsonb的处理
  • maven打jar包知识-运行包、依赖包、传递性
  • 解析json导出csv或者直接入库
  • 音频内容理解
  • 爱奇艺大数据多AZ统一调度架构：打破数据孤岛，提升效率
  • 【系统架构设计师】高分论文：论软件的可用性设计
  • 如何快速搭建一个spring boot项目
  • FIPS203 后量子安全ML-KEM(标准简读)
  • .vue文件中定义变量和在引用的.ts文件中定义变量的区别
  • C++模拟真人动态生成鼠标滑动路径
  • 29种Prompt Engineering
  • 自监督学习：机器学习的未来新方向
  • Docker篇（阿里云私服）
  • 热成像手机VS传统热成像仪：AORO A23为何更胜一筹？
  • 64 mysql 的 表锁
  • 建筑安全员题库分享
  • SpringBoot启动器
  • 性能调优专题(5)之深入理解Mysql事务隔离级别与锁机制
  • 4.WebSocket 配置与Nginx 的完美结合
  • 低代码与数字化综合服务平台的建设与探索
  • 淘宝反爬虫机制的主要手段有哪些？