wpf - 使用一个鼠标悬停触发器更改多个元素

Question

如果用户将鼠标悬停在堆栈面板上，我想更改堆栈面板内 2 个元素的颜色。有什么方法可以在 wpf 中这样做，因为我想让我的 c# 代码远离“样式化”。

这是我到目前为止所做的。它只是向堆栈面板内的每个元素添加触发器。但这并不理想，因为您需要将鼠标悬停在每个元素上才能更改其颜色。

                <StackPanel Orientation="Horizontal">
                <StackPanel.Resources>
                    <Style TargetType="{x:Type FrameworkElement}">
                        <Setter Property="Label.Foreground" Value="#FF0296AA" />
                        <Setter Property="Rectangle.Fill" Value="#FF0296AA" />
                        <Style.Triggers>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Label.Foreground" Value="#FFA6FAFA" />
                                <Setter Property="Rectangle.Fill" Value="#FFA6FAFA" />
                            </Trigger>
                        </Style.Triggers>
                    </Style>
                    <Style TargetType="{x:Type Label}" BasedOn="{StaticResource {x:Type FrameworkElement}}" />
                    <Style TargetType="{x:Type Rectangle}" BasedOn="{StaticResource {x:Type FrameworkElement}}" />
                </StackPanel.Resources>
                <Label Content="Create an account" VerticalAlignment="Top"  Padding="0,1,5,1" FontSize="13" Height="21" Cursor="Hand"/>
                <Rectangle Height="12" Margin="0,4,0,0" Width="15" RenderTransformOrigin="0.5,0.5">
                    <Rectangle.OpacityMask>
                        <ImageBrush ImageSource="Images/Controls/external-link-mask.png" Stretch="Uniform"/>
                    </Rectangle.OpacityMask>
                </Rectangle>
            </StackPanel>

Answer 1

紧贴您现有的样式，只需将触发器替换为以父 StackPanel 为目标的 DataTrigger

<DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType={x:Type StackPanel}},Path=IsMouseOver}" Value="True">
    <Setter Property="Label.Foreground" Value="#FFA6FAFA" />
    <Setter Property="Rectangle.Fill" Value="#FFA6FAFA" />
</DataTrigger>

此外，您可能希望为 StackPanel 提供一个 Background="Transparent"，这样它会对整个区域的鼠标悬停使用react，而不仅仅是在鼠标悬停时恰好在子控件点击区域上方。