c# - 在 Windows 8 Metro 中围绕一个点旋转图像

Question

我想使用用户的轻弹速度围绕一个点旋转图像，并且它应该随着旋转而减慢并且效果应该是自然的......

到目前为止，我已经尝试使用情节提要来实现这一目标，但由于用户的速度可能是可变的，因此没有得到想要的结果。我也尝试过使用更新循环，但我无法理解如何实现它。

我希望这个开始箭头围绕指甲旋转。

蚂蚁帮助将不胜感激...thanx

Answer 1

您可以使用 RotateTransform 并将 centerx centery 设置为指甲位置：然后将 Angle 绑定到某个值并将其更改为您想要的任何值。

<Image.RenderTransform> 
<RotateTransform Angle="{Binding RotationAngle}" CenterX="10" CenterY="10" /> 
</Image.RenderTransform>

或者您可以使用情节提要更改角度而不是绑定（将矩形控件更改为图像）

<Rectangle Width="40" Height="40" Fill="Orange">
    <Rectangle.RenderTransform>
        <RotateTransform x:Name="Rotation" CenterX="10" CenterY="10" />
    </Rectangle.RenderTransform>
    <Rectangle.Triggers>
        <EventTrigger RoutedEvent="Rectangle.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation
    Storyboard.TargetName="Rotation" 
    Storyboard.TargetProperty="Angle"
    From="1.0" To="40.0" Duration="0:0:1" 
    AutoReverse="True" RepeatBehavior="Forever" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Rectangle.Triggers>
</Rectangle>