当鼠标悬停时按钮增长 8 像素 WPF XAML

Question

我正在处理一个相当令人沮丧的错误。我的最终目标是拥有一个图像，该图像在 IsMouseOver 上发光，并且可以单击来调用事件。这看起来太复杂了，但我发现的另一种选择是创建自定义用户控件，这甚至更加过度。这就是我到目前为止所做的：

<Style x:Key="DelButton" TargetType="Button">
        <Setter Property="Padding" Value="0" />
        <Setter Property="Background" Value="Red" />
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Image Source="/HaskList;component/Images/Del24.png" Stretch="None"/>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Image Source="/HaskList;component/Images/Del24h.png" Stretch="None"/>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>

我的按钮定义为：

<Button HorizontalAlignment="Right" Margin="0,28,6,0" Name="delButton" VerticalAlignment="Top" Style="{DynamicResource DelButton}" Click="delButton_Click" />

这就是正在发生的事情：

感谢您的任何建议。

Answer 1

前几天我也遇到了这个问题，可能其中一张图像是标准的 96dpi，而另一张图像是其他的。我有一张图像的分辨率为 78 dpi 或其他，这就是为什么它的尺寸变得奇怪。