为什么 DataBinding 没有传播到 UserControl

Why DataBinding is not propagating to UserControl

今天早上我问了一个问题 并且做了一个简单的工作示例给了我一个与预期不同的行为。

GitHub 的完整工作样本。主要部分代码如下。

在这种情况下,命令永远不会传播到任何 UserControl,如果 UserControl 直接用作 Window 的子项。如果将 UserControl 用作 ListBox ItemTemplate 的 DataTemplate,它也不起作用。

我还包括一个破解按钮来解决命令到达用户控件的问题。黑客来自 Whosebug

但是使用 hack 并不能解释为什么 UserControl 没有收到命令(没有它)并且使用这个 hack 也违反了良好编码的第一条规则:"Hi cohesion and Low coupling"。应该在 window 代码中使用 hack,以便它管理 UserControl 中的命令,我认为它应该默认发生。

为什么默认情况下命令不传播到 UserControl,我应该怎么做才能以干净的方式将命令传播到 UserControl?

注意:在 UserControl 中仅使用一个 CommandBinding(删除一个或另一个)不能解决问题。

部分代码:

<Window x:Class="CommandRoutingIntoItemTemplate.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:CommandRoutingIntoItemTemplate"
        xmlns:system="clr-namespace:System;assembly=mscorlib"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition></RowDefinition>
            <RowDefinition></RowDefinition>
            <RowDefinition Height="Auto"></RowDefinition>
        </Grid.RowDefinitions>

        <local:UserControlTest></local:UserControlTest>

        <ListBox Grid.Row="1">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Border BorderBrush="Aqua" BorderThickness="2">
                        <local:UserControlTest></local:UserControlTest>
                    </Border>
                </DataTemplate>
            </ListBox.ItemTemplate>

            <ListBox.Items>
                <system:String>1</system:String>
                <system:String>2</system:String>
            </ListBox.Items>
        </ListBox>

        <StackPanel Grid.Row="2" Orientation="Horizontal">
            <Button Command="local:Commands.CommandTest">Put focus on TestBlock and click here to see if command occurs</Button>
            <Button Click="AddHack">Hack</Button>
        </StackPanel>
    </Grid>
</Window>

用户控件:

<UserControl x:Class="CommandRoutingIntoItemTemplate.UserControlTest"
             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:local="clr-namespace:CommandRoutingIntoItemTemplate"
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <UserControl.CommandBindings>
        <CommandBinding Command="local:Commands.CommandTest" CanExecute="CommandTestCanExecuteUserControl" Executed="CommandTestExecuteUserControl"></CommandBinding>
    </UserControl.CommandBindings>
    <Grid>
        <TextBox Text="UserControlTest">
            <TextBox.CommandBindings>
                <CommandBinding Command="local:Commands.CommandTest" CanExecute="CommandTestCanExecuteTextBox" Executed="CommandTestExecuteTextBox"></CommandBinding>
            </TextBox.CommandBindings>
        </TextBox>
    </Grid>
</UserControl>

您没有在用户控件上调用命令的原因是您的按钮不在单独的焦点范围内。为使 WPF 正确拾取命令目标的焦点元素,它需要位于与命令调用控件不同的焦点范围内。

Framework 只会从按钮向上遍历可视化树,在其焦点范围内查找命令绑定(在您的情况下,它不会找到任何命令绑定)。当框架在当前焦点范围内找不到任何命令绑定时,只有它会查看焦点元素的父焦点范围(在您的情况下,按钮位于 Window 没有父范围的焦点范围内,因此搜索将在那里结束).

只需在 StackPanel 上设置 FocusManager.IsFocusScope="True" 即可解决此问题。

您还可以在按钮上指定 CommandTarget 属性 以指向您的用户控件而不依赖于焦点。