Кнопка увеличивается на 8 пикселей при использовании MouseOver 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

Я столкнулся с этим и на днях, и, возможно, одно из изображений имеет стандартное разрешение 96 точек на дюйм, а другое - что-то другое. У меня было одно изображение с разрешением 78 точек на дюйм или чем-то еще, и поэтому размер получался странным.