WPF Rectangle перемещается по кругу вместо вращения - PullRequest
Новая
       9

WPF Rectangle перемещается по кругу вместо вращения

0 голосов
/ 03 ноября 2018

Я пытаюсь анимировать прямоугольник, чтобы он вращался вместо круга. Ниже видео, чтобы проиллюстрировать, о чем я говорю.

https://www.screencast.com/t/M5rgy5gIicmB

Ниже мой код. 

<StackPanel Orientation="Horizontal" Margin="-5 -5 -5 -5">
    <Label Content="RACKS"></Label>
    <Button x:Name="RefreshRacks" MaxHeight="20" MaxWidth="20" Margin="0" Style="{DynamicResource MetroCircleButtonStyle}" Click="RefreshRacks_Click" BorderBrush="Transparent">
        <Rectangle Width="15" Height="15" Fill="{Binding Path=Foreground, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Button}}}" >
            <Rectangle.OpacityMask>
                <VisualBrush Stretch="Fill"
                                 Visual="{DynamicResource appbar_refresh}" />
            </Rectangle.OpacityMask>
            <Rectangle.RenderTransform>
                <!-- giving the transform a name tells the framework not to freeze it -->
                <RotateTransform x:Name="noFreeze" />
            </Rectangle.RenderTransform>
            <Rectangle.Triggers>
                <EventTrigger RoutedEvent="Loaded">
                    <BeginStoryboard>
                        <Storyboard>
                            <DoubleAnimation
        Storyboard.TargetProperty="(Rectangle.RenderTransform).(RotateTransform.Angle)"
        To="-360" Duration="0:0:1" RepeatBehavior="Forever" />
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Rectangle.Triggers>
        </Rectangle>
    </Button>
</StackPanel>

1 Ответ

0 голосов
/ 04 ноября 2018

CenterX и CenterY вашего RotateTransform` должны быть центром прямоугольника, половина ширины и высоты 

<StackPanel Orientation="Horizontal" Margin="-5 -5 -5 -5">
<Label Content="RACKS"></Label>
<Button x:Name="RefreshRacks" MaxHeight="20" MaxWidth="20" Margin="0" Style="{DynamicResource MetroCircleButtonStyle}" Click="RefreshRacks_Click" BorderBrush="Transparent">
    <Rectangle Width="15" Height="15" Fill="{Binding Path=Foreground, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Button}}}" >
        <Rectangle.OpacityMask>
            <VisualBrush Stretch="Fill"
                             Visual="{DynamicResource appbar_refresh}" />
        </Rectangle.OpacityMask>
        <Rectangle.RenderTransform>
            <!-- giving the transform a name tells the framework not to freeze it -->
            <RotateTransform x:Name="noFreeze" CenterX="7.5" CenterY="7.5"/>
        </Rectangle.RenderTransform>
        <Rectangle.Triggers>
            <EventTrigger RoutedEvent="Loaded">
                <BeginStoryboard>
                    <Storyboard>
                        <DoubleAnimation
    Storyboard.TargetProperty="(Rectangle.RenderTransform).(RotateTransform.Angle)"
    To="-360" Duration="0:0:1" RepeatBehavior="Forever" />
                    </Storyboard>
                </BeginStoryboard>
            </EventTrigger>
        </Rectangle.Triggers>
    </Rectangle>
</Button>

...