wpf Bild um Zentrum drehen

Question

Ich habe ein Bild auf einer Schaltfläche, die ich drehen möchte, wenn der Benutzer darauf klickt. Ich habe fast alles zur Arbeit. Das Bild rotiert gut beim Klicken, aber es dreht sich nicht um seine Mitte.

Wie kann ich das Bild um sein Zentrum und nicht die obere linke Ecke drehen lassen?

Hier ist mein Code:

<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

Nur RenderTransformOrigin einzustellen (0.5, 0.5) auf dem Bild

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