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"> 
      ...