百度360必应搜狗淘宝本站头条
当前位置:网站首页 > IT知识 > 正文

C#编程技巧:MVVM中将数据更新到UI的几种方式

liuian 2025-03-05 17:58 31 浏览

在现代软件开发中,MVVM(Model-View-ViewModel)模式因其清晰的职责分离和强大的数据绑定能力而广受欢迎。然而,许多开发者在实践中常常遇到一个问题:如何将Model中的数据更新传递到ViewModel,并最终反映到UI上? 本文将探讨几种简洁高效的解决方案,并提供详细的代码示例,帮助您在实际项目中实现数据流动。

一、事件通知:简单直接

在Model中定义事件,当数据更新时触发事件。ViewModel订阅该事件,并在事件触发时更新其可侦听属性,从而驱动UI更新。

代码示例

1. 在Model中定义事件

public class DataModel
{
    private double[] _data;
    public double[] Data
    {
        get => _data;
        set
        {
            _data = value;
            DataUpdated?.Invoke(this, EventArgs.Empty);
        }
    }
    public event EventHandler DataUpdated;
}

2. 在ViewModel中订阅事件

public class DataViewModel : ObservableObject
{
    private readonly DataModel _model;
    private double[] _data;
    public double[] Data
    {
        get => _data;
        set => SetProperty(ref _data, value);
    }
    public DataViewModel(DataModel model)
    {
        _model = model;
        _model.DataUpdated += OnDataUpdated;
    }
    private void OnDataUpdated(object sender, EventArgs e)
    {
        Data = _model.Data; // 更新 ViewModel 中的可侦听属性
    }
}

3. 在View中绑定ViewModel的属性

优点:实现简单,适合小型项目。

缺点:在复杂场景中,事件链可能变得难以维护。


二、ObservableCollection:集合数据的利器

如果Model中的数据是集合(如数组或列表),可以使用ObservableCollection。它在集合更改时自动通知UI,无需手动触发事件。

代码示例

1. 在Model中使用ObservableCollection

public class DataModel
{
    public ObservableCollection Data { get; set; } = new ObservableCollection();
}

2. 在ViewModel中暴露ObservableCollection

public class DataViewModel : ObservableObject
{
    private readonly DataModel _model;

    public ObservableCollection Data => _model.Data;

    public DataViewModel(DataModel model)
    {
        _model = model;
    }
}

3. 在View中绑定ObservableCollection

 

优点:适合动态集合数据,自动处理UI更新。

缺点:仅适用于集合类型的数据。


三、依赖注入:优雅的解耦

通过依赖注入(DI)将Model注入ViewModel,ViewModel直接访问Model的数据,并在需要时更新可侦听属性。

代码示例

1. 注册Model和ViewModel

public static MauiApp CreateMauiApp()
{
    var builder = MauiApp.CreateBuilder();
    builder.Services.AddSingleton();
    builder.Services.AddTransient();
    return builder.Build();
}

2. 在ViewModel中注入Model

public class DataViewModel : ObservableObject
{
    private readonly DataModel _model;
    private double[] _data;
    public double[] Data
    {
        get => _data;
        set => SetProperty(ref _data, value);
    }
    public DataViewModel(DataModel model)
    {
        _model = model;
        UpdateData();
    }
    private void UpdateData()
    {
        Data = _model.Data; // 从 Model 获取数据并更新 ViewModel 中的可侦听属性
    }
}

3. 在View中绑定ViewModel


    
        
    
    
        
    

优点:解耦Model和ViewModel,代码更易维护。

缺点:需要引入DI框架,增加一定的复杂性。


四、Reactive Extensions (Rx):响应式编程的强大工具

使用Reactive Extensions (Rx)的IObservable和IObserver,将数据流抽象为可观察序列。ViewModel订阅Model的数据流,自动响应数据变化。

代码示例

1. 在Model中定义IObservable

public class DataModel
{
    private readonly Subject _dataSubject = new Subject();
    private double[] _data;
    public double[] Data
    {
        get => _data;
        set
        {
            _data = value;
            _dataSubject.OnNext(_data);
        }
    }
    public IObservable DataObservable => _dataSubject;
}

2. 在ViewModel中订阅IObservable

public class DataViewModel : ObservableObject, IDisposable
{
    private readonly DataModel _model;
    private readonly IDisposable _subscription;
    private double[] _data;
    public double[] Data
    {
        get => _data;
        set => SetProperty(ref _data, value);
    }
    public DataViewModel(DataModel model)
    {
        _model = model;
        _subscription = _model.DataObservable.Subscribe(data => Data = data);
    }
    public void Dispose()
    {
        _subscription?.Dispose();
    }
}

3. 在View中绑定ViewModel

 

优点:适合复杂的数据流场景,代码简洁且功能强大。

缺点:需要学习Rx的使用方式,适合中大型项目。


总结

在MVVM模式中,Model是数据的源头,ViewModel是连接Model和View的桥梁。通过事件通知、ObservableCollection、依赖注入或Reactive Extensions,开发者可以轻松实现Model到ViewModel的数据流动,并最终驱动UI更新。选择哪种方式取决于项目的复杂性和需求,但无论哪种方式,目标都是让数据流动更高效,代码更简洁。

相关推荐

电脑开机只有一个鼠标箭头黑屏

解决方法如下:1、同时按“ctrl+shlft+exc”键,调出任务管理器。2、点击任务管理器左下角的“详细信息”。3、然后点击左上角“文件”里的“运行新任务”。4、弹出新窗口,输入“explorer...

把vx好友删了想找回聊天记录

没有啦,联系人列表里没有了,聊天记录就没有了,无法进行恢复,收不到好友消息微信删除好友时会同时删除与该联系人的聊天记录,不过对方还是有双方的微信聊天记录的,删除好友后将无法发送消息给对方,所以伙伴们在...

163邮箱密码正确就是登不上(163邮箱密码一直错误)

邮箱不能登录或登录异常的原因有很多种哦,如您浏览器“隐私”或“安全”级别设置过高,或用户名、密码输入不正确、较长时间未登录被冻结等都会导致不能登录或登录异常。请您先检查一下哦。解决无法登录的方法有:...

移动硬盘维修费用大概是多少钱

芯片不需要多少钱,但数据恢复就另当别论了。。。如果认识人就帮你换个芯片板,要不了多少钱,如果是硬盘盒的芯片板坏了你就乾脆换个盒子,80左右。如果是硬盘芯片坏了,那就不好办了,没人愿意给你换阿。。。但如...

windows资源管理器停止工作是什么原因

1.在进行重装系统之前,可以先检测一下windows资源管理器停止工作的原因是什么。如果是因为电脑的文件太多了,垃圾堆积导致的停止工作,我们就不需要进行重装系统。我们只需要下载一个360卫士或者其他可...

联想电脑24小时维修热线电话

   1.打开Think.lenovo.com.cn网页,点击登陆。  2.输入用户名密码,点击登陆。  3.点击右上角的:返回个性化首页。  4.点击“咨询与报修”中的“网上报修”。 ...

u盘上的系统怎么安装到电脑上

如果这个u盘是已经制作成为启动盘,可以进入pe系统的话就可以从u盘启动进入到pe系统中进行系统安装!如果你的意思是u盘里直接是操作系统的话,那就在bios设置里直接设定为u盘启动就好了!也可以在pe中...

20年前老笔记本改造升级(比较老的笔记本电脑改装)

答:10年前的笔记本电脑升级改造的方法。1.减少电脑后台程序。电脑和手机也是差不多的,有些软件在关闭之后并没有真正的退出,而是在后台偷偷的运行,这样也是占电脑内存,这样会导致电脑变得越来有。2....

住房公积金贷款计算器(住房公积金贷款计算器在线)

房贷、公积金贷款计算器基本养老保险金计算器基本医疗保险金计算器工伤保险计算器住房公积金缴存计算器养老保险退休金计算器五险一金及税后工资计算器失业保险计算器住房公积金贷款利息怎么计算,具体如下:公积金贷...

电脑开不了机风扇不转(电脑开机风扇转一会停了又继续转)

电脑开不了机,主机风扇转不动,出现这种情况有以下几种可能:1、电源线松了,或电源插板松动,又或者插板不通电。2、主机电源坏了。3、电脑的主板坏了。4、主机面的开关按钮坏了,或者按钮卡住了。解...

网页打不了怎么办(网页打不开是什么原因及解决方法)

浏览器打不开的修复方法:  步骤1、关于浏览器打不开的问题,首先点击电脑桌面左下角“开始”—>“运行”,输入regsvr32jscript.dll后选择“确定”,再次输入regsvr32vb...

ghost文件安装系统方法(ghost如何安装)
  • ghost文件安装系统方法(ghost如何安装)
  • ghost文件安装系统方法(ghost如何安装)
  • ghost文件安装系统方法(ghost如何安装)
  • ghost文件安装系统方法(ghost如何安装)
win10自带文件恢复工具(win10文件恢复工具推荐)

步骤:第一步:打开系统的管理员命令提示符窗口。Windows10系统打开管理员命令提示符窗口有如下几种方法:方法一:在系统桌面左下角的搜索栏输入:CMD,点击:命令提示符,可以打开管理员命令提示符窗口...

电脑本地磁盘c盘满了怎么办(电脑本地磁盘c盘满了如何删除)

当您的电脑本地磁盘C满了时,可能会出现一些问题,例如无法安装新程序、无法保存文件等。以下是一些解决方法:1.删除不需要的文件:可以通过手动删除不需要的文件或使用磁盘清理工具来清理本地磁盘C。在清理磁...

ghost网络克隆详细步骤教程(ghost局域网克隆)
  • ghost网络克隆详细步骤教程(ghost局域网克隆)
  • ghost网络克隆详细步骤教程(ghost局域网克隆)
  • ghost网络克隆详细步骤教程(ghost局域网克隆)
  • ghost网络克隆详细步骤教程(ghost局域网克隆)