WPF MVVM Light(三):RelayCommand 命令与 Messenger 消息

WPF MVVM Light(三):RelayCommand 命令与 Messenger 消息

系列导航:第一篇·入门 / 第二篇·ViewModelBase 与属性通知 / 第三篇·RelayCommand 与 Messenger / 第四篇·SimpleIoc 与 ViewModelLocator 及完整实例

一、命令:把按钮点击交给 ViewModel

前面我们解决了"数据怎么展示",但按钮点击、菜单操作这类"交互"怎么办?传统做法是在 code-behind 里写 Click 事件,MVVM 的思路是用命令(ICommand)。

ICommand 接口定义了三个成员:

csharp 复制代码
public interface ICommand
{
    event EventHandler CanExecuteChanged;
    bool CanExecute(object parameter);   // 能否执行
    void Execute(object parameter);      // 执行什么
}

WPF 的 Button.Command 属性支持绑定命令,这样 View 就不用碰 code-behind 了。但手写 ICommand 实现很繁琐,RelayCommand 把它封装好了。

二、RelayCommand 详解

2.1 无参命令

csharp 复制代码
using GalaSoft.MvvmLight.Command;

public class MainViewModel : ViewModelBase
{
    public RelayCommand SaveCommand { get; }

    public MainViewModel()
    {
        SaveCommand = new RelayCommand(Save, CanSave);
    }

    private void Save()
    {
        // 保存逻辑
    }

    private bool CanSave()
    {
        // 返回 false 时按钮自动禁用
        return !string.IsNullOrEmpty(Name);
    }
}

XAML 中绑定:

xml 复制代码
<Button Content="保存" Command="{Binding SaveCommand}" />

CanSave 返回 false 时按钮自动变灰禁用,这就是 CanExecute 的作用。

2.2 带参数的命令 RelayCommand

需要传参时用泛型版本:

csharp 复制代码
public RelayCommand<string> DeleteCommand { get; }

public MainViewModel()
{
    DeleteCommand = new RelayCommand<string>(Delete);
}

private void Delete(string id)
{
    // 用 id 删除
}

XAML 中用 CommandParameter 传参:

xml 复制代码
<Button Content="删除"
        Command="{Binding DeleteCommand}"
        CommandParameter="{Binding Id}" />

2.3 手动刷新 CanExecute

当影响 CanExecute 的属性变化时,需要手动通知命令重新判定:

csharp 复制代码
private string _name;
public string Name
{
    get => _name;
    set
    {
        if (Set(ref _name, value))
            SaveCommand?.RaiseCanExecuteChanged();
    }
}

注意 RelayCommand 不像 WPF 原生的 RoutedCommand 那样会自动响应 CommandManager.RequerySuggested,所以影响启用状态的属性变化时,记得手动 RaiseCanExecuteChanged,否则按钮的禁用状态不会实时更新。

三、Messenger:ViewModel 之间的通信

同一个窗口里,命令 + 属性够用了。但两个互不知晓的 ViewModel(比如"子窗口保存后通知主窗口刷新")怎么通信?直接互相引用会导致强耦合,Messenger(消息) 就是解耦方案。

3.1 发送消息

csharp 复制代码
using GalaSoft.MvvmLight.Messaging;

Messenger.Default.Send(new NotificationMessage("保存成功"));

3.2 接收消息

csharp 复制代码
Messenger.Default.Register<NotificationMessage>(this, msg =>
{
    // msg.Notification 就是 "保存成功"
    StatusText = msg.Notification;
});

3.3 注销消息

csharp 复制代码
// ViewModel 销毁时必须注销,否则会内存泄漏 / 重复接收
Messenger.Default.Unregister(this);

3.4 常用消息类型

类型 用途
MessageBase 基类,自定义消息可继承它
NotificationMessage 携带一段文本通知
NotificationMessage<T> 携带文本 + 一个对象
GenericMessage<T> 只携带一个对象
PropertyChangedMessage<T> 携带新旧值,属性变化通知

3.5 一个完整例子

主 ViewModel 保存后,通知另一个 ViewModel 刷新列表:

csharp 复制代码
// 发送方(子窗口 ViewModel)
private void Save()
{
    // 保存到数据库...
    Messenger.Default.Send(new NotificationMessage("数据已更新,请刷新"));
}

// 接收方(主窗口 ViewModel)
public MainViewModel()
{
    Messenger.Default.Register<NotificationMessage>(this, OnNotification);
}

private void OnNotification(NotificationMessage msg)
{
    if (msg.Notification == "数据已更新,请刷新")
        LoadData();
}

private void LoadData()
{
    // 重新加载列表
}

两个 ViewModel 完全不互相引用,只通过 Messenger.Default 这个"广播中心"通信,解耦干净。

四、小结

  1. RelayCommand / RelayCommand<T> 把交互逻辑封装成命令,View 只需绑定 Command。
  2. CanExecute 控制按钮启用状态,属性变化时要手动 RaiseCanExecuteChanged。
  3. Messenger 用 Register / Send / Unregister 实现 ViewModel 间的解耦通信,用完记得 Unregister。

下一篇是收官篇:讲 SimpleIoc 依赖注入 + ViewModelLocator 视图定位,并给出一个完整的 TodoList 待办事项实例,把本系列所有知识点串起来。


系列导航:第一篇·入门 / 第二篇·ViewModelBase 与属性通知 / 第三篇·RelayCommand 与 Messenger / 第四篇·SimpleIoc 与 ViewModelLocator 及完整实例

相关推荐
AiMan19 分钟前
腾讯ima还是不可以导出左侧所有对话,只能单条导出,方法不对吗
前端
去伪存真22 分钟前
并发量一高就装死?Agent 全链路“防猝死”手册
前端·agent
Moment24 分钟前
AI 编程时代,聊聊我的 Mac mini 双屏桌面
前端·后端
AiMan36 分钟前
先确认能不能一次把Microsofat Copilot所有内容打包一个文件导出
前端
总要学点什么39 分钟前
第97篇:三维数据加载-城市建筑白模自定义着色器——让一条光带沿高度扫上去,快慢却由帧率说了算
前端·gis·webgl·cesium·着色器·空间分析·白模
上海懒图科技1 小时前
工厂厂区电子地图定位导航:厂区人车精准定位,安全合规双保障
前端·arcgis·vue
西安小哥1 小时前
端侧跑大模型,真正的门槛不在参数量:一次 596 秒到 10 秒的压缩路径复盘
前端·人工智能
陈随易2 小时前
Cloudflare 出钱,Vite 团队挑人,44 个维护者分 30 万美元
前端·后端·程序员
恋猫de小郭2 小时前
Flutter THLC 的 WebView 滚动终于从 70 FPS 提升到 120 FPS
android·前端·flutter
1-1=03 小时前
C# 数据结构和特殊类型
数据结构·c#·.net·.netcore