Подтвердить что ты не робот

Wpf вращать изображение вокруг центра

У меня есть изображение на кнопке, которую я бы хотел повернуть, когда пользователь нажимает на нее. У меня есть все, чтобы работать. Изображение вращается нормально при щелчке, но оно не вращается вокруг его центра.

Как заставить изображение вращаться вокруг его центра, а не в верхнем левом углу?

Вот мой код:

<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

4b9b3361

Ответ 1

Просто установите RenderTransformOrigin на (0.5, 0.5) на изображение

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