wpf围绕中心旋转图像

Question

我在按钮上有一个图像，我想在用户点击它时旋转它。我几乎都有它工作。单击时图像旋转正常，但不会围绕其中心旋转。

如何让图像围绕其中心而不是左上角旋转？

这是我的代码：

<Button Name="btnRefreshPortList"
                Grid.Column="1"
                Margin="10 0 0 0"
                Command="{Binding RefreshPortList}">

            <Image Source="Images/refresh.jpg" 
                   Height="15">
                <Image.RenderTransform>
                    <RotateTransform x:Name="AnimatedRotateTransform" Angle="0" />
                </Image.RenderTransform>
                <Image.Triggers>
                    <EventTrigger RoutedEvent="MouseDown">
                        <BeginStoryboard>
                            <Storyboard>
                                <DoubleAnimation Storyboard.TargetName="AnimatedRotateTransform" 
                                                 Storyboard.TargetProperty="Angle" 
                                                 By="10"        
                                                 To="360" 
                                                 Duration="0:0:0.5" 
                                                 FillBehavior="Stop" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger>
                </Image.Triggers>
            </Image>


        </Button>

BR FireFly3000

Answer 1

只需在图片

上将RenderTransformOrigin设置为（0.5,0.5）即可

        <Image Source="Images/refresh.jpg" 
               RenderTransformOrigin=".5,.5"
               Height="15">
            ...