缩放后执行翻译的 WPF 样式

Question

我有一个 Button我在 WPF 中开发的样式，如 this question 中所述.我想用这种风格做的另一件事是拥有 Button缩小一点点，使其看起来像被点击一样被点击。现在，转换代码如下所示:

<Trigger Property="IsPressed" Value="True">
    <Setter Property="RenderTransform">
        <Setter.Value>
            <TransformGroup>
                <ScaleTransform ScaleX="0.98" ScaleY="0.98"/>
                <SkewTransform AngleX="0" AngleY="0"/>
                <RotateTransform Angle="0"/>
                <TranslateTransform X="0" Y="0"/>
            </TransformGroup>
        </Setter.Value>
    </Setter>
    <Setter Property="Button.BitmapEffect">
        <Setter.Value>
            <OuterGlowBitmapEffect GlowColor="Green" GlowSize="10"></OuterGlowBitmapEffect>
        </Setter.Value>                                
    </Setter>
</Trigger>

所以，这很令人兴奋。问题是， ScaleTransform缩放 Image与 Button 相关联到按钮所在区域的左上角(即，它重新缩放到按钮的 0,0 坐标，或者至少，这是我假设的)。

我的理解 TranslateTransform是它在像素坐标中，而不是相对于对象大小的坐标。如果我输入 TranslateTransform 0.01, 0.01，那么它将移动 Button在 x 和 y 上增加 0.01 像素，而不是在每个方向上增加 0.01*sizeof(imagedimension) 像素。我怎样才能得到那个相对变换，我怎样才能把它作为一种风格发生，也就是说，我不必为每个不同的 Button 做不同的数学运算。我有多大？

Answer 1

要通过中心缩放，您可以添加触发器:

<Setter Property="RenderTransformOrigin" Value=".5,.5"/>