WinUI3：如何在ListView的DataTemplate中设置KeyboardAccelerator的ScopeOwner

问题原因 #

两个ListView共用同一DataTemplate时，模板内的KeyboardAccelerator默认会绑定到第一个加载的ListView作为作用范围，导致快捷键触发时始终关联第一个ListView的选中项。虽然ScopeOwner能限定快捷键作用范围，但无法直接在DataTemplate内静态配置，需要通过代码动态绑定。

解决方案 #

通过在MenuFlyoutItem的Loaded事件中，动态查找其所在的父级ListView，并将KeyboardAccelerator的ScopeOwner设置为该ListView，以此限定快捷键的作用范围。

步骤1：修改XAML代码 #

给MenuFlyoutItem添加Loaded事件，并给KeyboardAccelerator命名以便后续操作：

<MenuFlyoutItem Text="Explore here" Click="ResourceContextMenu_Item_Click" Tag="ExploreHereCommand" Loaded="MenuFlyoutItem_Loaded">
    <MenuFlyoutItem.KeyboardAccelerators>
          <KeyboardAccelerator x:Name="exploreAccelerator" Key="E" Modifiers="Control"/>
    </MenuFlyoutItem.KeyboardAccelerators>
</MenuFlyoutItem>

步骤2：添加后台代码处理 #

在代码后台实现父控件查找方法和Loaded事件逻辑：

private void MenuFlyoutItem_Loaded(object sender, RoutedEventArgs e)
{
    var menuItem = sender as MenuFlyoutItem;
    if (menuItem == null) return;

    // 向上遍历可视树，找到当前MenuFlyoutItem所在的ListView
    var parentListView = FindParent<ListView>(menuItem);
    if (parentListView == null) return;

    // 找到对应的KeyboardAccelerator并设置ScopeOwner
    var accelerator = menuItem.KeyboardAccelerators.OfType<KeyboardAccelerator>().FirstOrDefault();
    if (accelerator != null)
    {
        accelerator.ScopeOwner = parentListView;
    }
}

// 通用的可视树父控件查找方法
private T FindParent<T>(DependencyObject child) where T : DependencyObject
{
    var parent = VisualTreeHelper.GetParent(child);
    if (parent == null) return null;

    return parent is T typedParent ? typedParent : FindParent<T>(parent);
}

步骤3：优化点击事件处理（可选） #

为确保点击事件处理的是当前ListView的选中项，可在点击事件中同样查找父级ListView：

private void ResourceContextMenu_Item_Click(object sender, RoutedEventArgs e)
{
    var menuItem = sender as MenuFlyoutItem;
    if (menuItem == null) return;

    var parentListView = FindParent<ListView>(menuItem);
    if (parentListView == null || parentListView.SelectedItem == null) return;

    // 处理当前ListView选中项的业务逻辑
    var targetItem = parentListView.SelectedItem;
    // 替换为你的具体处理代码
}

这样设置后，快捷键会根据当前所在的ListView限定作用范围，按下快捷键时会触发对应ListView选中项的处理逻辑。

内容的提问来源于stack exchange，提问作者Gautam Jain