c# - 在鼠标悬停时更改矩形背景

Question

所以我有一个没有背景的矩形，当用户将鼠标悬停在它上面时，我想给它一个背景渐变，然后在鼠标离开矩形时移除渐变。

请有人可以发布为此所需的代码，并告诉我将其放在 .cs/xaml 文件中的什么位置？

谢谢。

Answer 1

这个:

<Rectangle Width="100" Height="100" StrokeThickness="1" Stroke="Black">
    <Rectangle.Style>
        <Style TargetType="{x:Type Rectangle}">
            <Setter Property="Fill" Value="Transparent" />
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Fill">
                        <Setter.Value>
                            <!-- Change ImageSource to what image you want to use -->
                            <ImageBrush ImageSource="C:/Users/Public/1.png" />
                        </Setter.Value>
                    </Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Rectangle.Style>
</Rectangle>

(请注意，如果您在矩形本身上设置 Fill="Transparent"，则触发器将不工作，因为 dependency property value precedence)