如何在WinUI 3中借助MVVM Toolkit实现Esc键全局事件关闭应用？

WinUI 3没有直接提供WPF中Window.InputBindings那样的全局绑定机制，但可以通过以下两种方案实现类似效果，确保Esc键无论焦点在哪都能触发关闭命令：

方案一：通过CoreWindow监听全局按键事件 #

这种方式实现真正的全局监听，只要当前窗口处于激活状态，无论焦点在哪个控件上，Esc键都会触发关闭逻辑。

1. ViewModel中定义关闭命令
   使用MVVM Toolkit的RelayCommand创建关闭应用的命令：

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using Microsoft.UI.Xaml;

public partial class MainViewModel : ObservableObject
{
    [RelayCommand]
    private void CloseApp()
    {
        Application.Current.Exit();
    }
}

2. 在Window后台绑定全局按键事件
   在窗口初始化时，注册CoreWindow的KeyDown事件，判断按下Esc键后执行ViewModel的命令：

using Microsoft.UI.Xaml;
using Windows.UI.Core;
using Windows.System;

public sealed partial class MainWindow : Window
{
    private MainViewModel ViewModel { get; }

    public MainWindow()
    {
        InitializeComponent();
        ViewModel = new MainViewModel();
        DataContext = ViewModel;

        CoreWindow.GetForCurrentThread().KeyDown += CoreWindow_KeyDown;
    }

    private void CoreWindow_KeyDown(CoreWindow sender, KeyEventArgs args)
    {
        if (args.VirtualKey == VirtualKey.Escape)
        {
            ViewModel.CloseAppCommand.Execute(null);
            args.Handled = true; // 标记事件已处理，避免触发其他控件的逻辑
        }
    }
}

方案二：利用根元素的InputBinding模拟全局绑定 #

这种方式类似WPF的思路，通过让窗口根元素获取焦点，实现按键绑定的全局生效。

1. ViewModel命令与方案一一致
   无需修改ViewModel的CloseAppCommand。

2. 在XAML中给根元素添加KeyBinding
   给窗口的根容器（如Grid）设置InputBindings，并将其设为可聚焦：

<Window
    x:Class="YourAppNamespace.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:vm="using:YourAppNamespace.ViewModels">

    <Grid x:Name="RootGrid" Focusable="True">
        <Grid.InputBindings>
            <KeyBinding Key="Escape" Command="{x:Bind ViewModel.CloseAppCommand}" />
        </Grid.InputBindings>

        <!-- 页面内容控件 -->
    </Grid>
</Window>

3. 窗口加载时让根元素获取焦点
   确保窗口加载完成后，根Grid获得焦点，保证按键绑定生效：

using Microsoft.UI.Xaml;

public sealed partial class MainWindow : Window
{
    public MainViewModel ViewModel { get; }

    public MainWindow()
    {
        InitializeComponent();
        ViewModel = new MainViewModel();
        Loaded += MainWindow_Loaded;
    }

    private void MainWindow_Loaded(object sender, RoutedEventArgs e)
    {
        RootGrid.Focus(FocusState.Programmatic);
    }
}

方案对比 #

• 方案一：不受焦点状态影响，只要窗口激活就会响应Esc键，可靠性更高，适合全局按键需求。
• 方案二：依赖根元素的焦点，如果页面内有其他控件（如输入框）主动获取焦点，可能导致按键绑定失效，需要额外处理焦点切换逻辑。

内容的提问来源于stack exchange，提问作者Voicu Seiche