Сделать ScaleTransform начинать с центра вместо верхнего левого угла

У меня есть следующий стиль для кнопки, который должен увеличиваться в 1,5 раза при наведении курсора мыши. Проблема в том, что Button растет из верхнего левого угла, а не из центра. Кто-нибудь знает, как это исправить?

<Style x:Key="sizeButton" TargetType="Button">
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="RenderTransform">
                <Setter.Value>
                    <ScaleTransform ScaleX="1.5" ScaleY="1.5"/>
                </Setter.Value>
            </Setter>
        </Trigger>
    </Style.Triggers>
</Style>

Пробовал решение, предложенное Хенком Холтерманом, но мне не удалось заставить работать следующий код. Кажется, это не имеет никакого эффекта, или я делаю это неправильно?

<Window.Resources>
    <Style x:Key="sizeButton" TargetType="Button">
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="RenderTransform">
                    <Setter.Value>
                        <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.5" ScaleY="1.5"/>
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>
<StackPanel>
    <Button Content="Increase Size" Width="100" Height="50" Style="{StaticResource sizeButton}"/>
</StackPanel>
35
задан ImJames 20 February 2011 в 23:47
поделиться