在鼠标悬停上更改矩形背景

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"在Rectangle上设置,则Trigger将因为依赖属性值优先而无法工作)