MouseEnter 触发器在 ListBox 中的项目上触发不准确

Question

我在 WPF 列表框中看到一个非常奇怪的问题，其中每个项目的 MouseEnter 触发器对于列表框中更靠下的项目的触发不太准确。我的 MouseEnter 触发器会触发一个动画，该动画会增加每个项目的 ScaleTransform。

示例：我有一个包含 10 个项目的列表框。列表框显示前 5 项。我将鼠标悬停在第一个项目上，它缩放得很好。我将鼠标悬停在第二个项目上，并且必须将鼠标放在列表项控件内更远的地方才能看到效果。我将鼠标悬停在第三个项目上，并且必须将鼠标放得更远。当我到达列表中的最后一个（第 5 个）可见项目时，我必须将鼠标放置在控件的中点附近，以便鼠标输入即可开火。然后，我向下滚动到底部查看第 6-10 项。项目#6 悬停得很好。 #7 不太准确，#8 更不准确，依此类推，直到 #10，这是非常不准确的。

因此，列表框中的垂直可见位置会影响每个控件的 MouseEnter 准确性。

编辑：当我将此代码放入干净的 XAML 窗口中时，它工作正常。这一定是我提供的代码之外的一些冲突...如果我找到一些东西，我将提供更多详细信息（或答案）。

关于可能导致这种情况的原因有什么想法吗？

这是我的 ListBox XAML：

<ListBox
    MaxHeight="530"
    ItemsSource="{Binding Appointments}"
    Background="Transparent"
    >
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel/>
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
    <ListBox.ItemTemplate>
        <DataTemplate>
            <views:AppointmentControl DataContext="{Binding}" />
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

这是我的 AppointmentControl 的样子：

<UserControl Height="155" Width="215">
    <UserControl.Triggers>
        <EventTrigger RoutedEvent="Mouse.MouseEnter">
            <BeginStoryboard>
                <Storyboard TargetProperty="RenderTransform.ScaleX">
                    <DoubleAnimation To="1.2" Duration="0:0:0.050" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
        <EventTrigger RoutedEvent="Mouse.MouseLeave">
            <BeginStoryboard>
                <Storyboard TargetProperty="RenderTransform.ScaleX">
                    <DoubleAnimation To="1.0" Duration="0:0:0.050" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </UserControl.Triggers>

    <UserControl.RenderTransform>
        <ScaleTransform ScaleX="1.0" ScaleY="1.0"></ScaleTransform>
    </UserControl.RenderTransform>

    <Button
        Background="#FFCAEE7D" 
        BorderThickness="1,1,1,3" 
        Padding="0"
        >
        <StackPanel Height="125" Width="180">
            <TextBlock ... />
            <TextBlock ... />

            <ItemsControl>
                ...
            </ItemsControl>
        </StackPanel>
    </Button>
</UserControl>

Answer 1

如果从第五个元素开始进入 ListBox，会发生什么？还需要走到一半才能看到同样的效果吗？

Answer 2

问题在于列表框顶部具有更大 z-index 的另一个控件会干扰列表项命中测试。另一个控件有一个据说是透明的区域，但无论出于何种原因它都会干扰鼠标输入。当我删除这个其他控件时，问题就消失了。