WPF MVVM中如何将UserControl的Unloaded事件绑定到命令

你遇到的这个问题其实挺常见的——Interaction.Triggers在处理Unloaded事件时，确实可能因为控件卸载过程中交互触发器的关联对象被提前清理，导致命令无法触发，而后台代码直接绑定事件却能正常执行，因为它是直接关联到控件本身的。

下面给你两个不需要第三方NuGet包的解决方案，都是原生WPF的实现方式：

方法一：后台代码中转事件（最简单直接） #

既然后台的Unloaded事件能正常执行，我们可以利用这一点，在UserControl的后台代码里捕获事件，然后手动调用ViewModel里的命令。这样绕开Interaction.Triggers的坑。

首先，先修正你XAML里的一个小问题：你的x:Class指向的是ViewModel类，这明显是笔误，应该改成对应的View类（比如VehicleIdentificationView），否则后续绑定可能会出问题。

然后修改XAML，移除原来的Unloaded事件触发器：

<UserControl x:Class="TestMockUp.Views.DriveStartupViews.VehicleIdentificationView" 
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 
             xmlns:ViewModels="clr-namespace:TestMockUp.ViewModels.DriveStartupViewModels"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800" 
             d:DataContext="{d:DesignInstance ViewModels:VehicleIdentificationViewModel}">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Loaded">
            <i:InvokeCommandAction Command="{Binding PageLoaded}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
    <!-- 你的控件内容 -->
</UserControl>

接着在UserControl的后台代码（VehicleIdentificationView.xaml.cs）里添加事件处理：

public partial class VehicleIdentificationView : UserControl
{
    public VehicleIdentificationView()
    {
        InitializeComponent();
        // 绑定Unloaded事件
        Unloaded += OnUnloaded;
    }

    private void OnUnloaded(object sender, RoutedEventArgs e)
    {
        // 获取ViewModel并执行命令
        if (DataContext is VehicleIdentificationViewModel viewModel)
        {
            viewModel.PageUnloaded?.Execute(null);
        }
        // 解绑事件，避免内存泄漏
        Unloaded -= OnUnloaded;
    }
}

这个方法的优点是快速实现，不需要额外的类，适合简单场景。

方法二：自定义附加属性（更符合MVVM分离原则） #

如果你希望保持View和ViewModel的完全分离，不想在后台代码里直接引用ViewModel，可以自己实现一个附加属性来处理Unloaded事件的命令绑定——你之前尝试过Attached Behaviour没成功，大概率是实现细节没处理好，下面是正确的实现方式：

首先创建一个静态类，定义附加属性：

using System.Windows;
using System.Windows.Input;

namespace TestMockUp.Views.DriveStartupViews
{
    public static class UnloadedCommandHelper
    {
        // 定义附加属性
        public static readonly DependencyProperty CommandProperty =
            DependencyProperty.RegisterAttached(
                "Command",
                typeof(ICommand),
                typeof(UnloadedCommandHelper),
                new PropertyMetadata(null, OnCommandChanged));

        // 获取属性的方法
        public static ICommand GetCommand(DependencyObject obj)
        {
            return (ICommand)obj.GetValue(CommandProperty);
        }

        // 设置属性的方法
        public static void SetCommand(DependencyObject obj, ICommand value)
        {
            obj.SetValue(CommandProperty, value);
        }

        // 属性变化时绑定/解绑事件
        private static void OnCommandChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
        {
            if (d is UIElement element)
            {
                // 先解绑旧的事件
                element.Unloaded -= OnElementUnloaded;
                
                // 如果新值是有效命令，绑定事件
                if (e.NewValue is ICommand command)
                {
                    element.Unloaded += OnElementUnloaded;
                }
            }
        }

        // Unloaded事件处理函数
        private static void OnElementUnloaded(object sender, RoutedEventArgs e)
        {
            if (sender is DependencyObject element)
            {
                var command = GetCommand(element);
                command?.Execute(null);
                
                // 执行后解绑事件，防止内存泄漏
                element.Unloaded -= OnElementUnloaded;
            }
        }
    }
}

然后在UserControl的XAML里引用这个附加属性：

<UserControl x:Class="TestMockUp.Views.DriveStartupViews.VehicleIdentificationView" 
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity" 
             xmlns:ViewModels="clr-namespace:TestMockUp.ViewModels.DriveStartupViewModels"
             xmlns:local="clr-namespace:TestMockUp.Views.DriveStartupViews"
             mc:Ignorable="d" 
             d:DesignHeight="450" d:DesignWidth="800" 
             d:DataContext="{d:DesignInstance ViewModels:VehicleIdentificationViewModel}"
             local:UnloadedCommandHelper.Command="{Binding PageUnloaded}">
    <i:Interaction.Triggers>
        <i:EventTrigger EventName="Loaded">
            <i:InvokeCommandAction Command="{Binding PageLoaded}"/>
        </i:EventTrigger>
    </i:Interaction.Triggers>
    <!-- 你的控件内容 -->
</UserControl>

这个方法的核心是直接将Unloaded事件绑定到UIElement本身，当事件触发时直接从控件的附加属性中获取命令并执行，不会像Interaction.Triggers那样存在提前被清理的问题。

额外注意事项 #

1. 确保你的ViewModel中的PageUnloaded命令是正确的ICommand实现（比如RelayCommand或DelegateCommand），并且CanExecute方法返回true，否则命令不会执行。
2. 无论是哪种方法，记得在事件处理后解绑事件，避免内存泄漏。
3. 一定要修正XAML里x:Class的笔误，否则控件的后台代码和XAML无法正确关联，可能导致各种奇怪的问题。

内容的提问来源于stack exchange，提问作者Thomas Stachl