指针释放窗口 8.1 上的反向故事板

Question

我在按钮中的视觉状态指针中有这个故事板：

<VisualState x:Name="PointerOver">
   <Storyboard x:Name="Storyboard1" AutoReverse="True">
     <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="image">
     <SplineDoubleKeyFrame KeyTime="0" Value="0"/>
     <SplineDoubleKeyFrame KeyTime="0:0:0.1" Value="20"/>
     <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="40"/>
     <SplineDoubleKeyFrame KeyTime="0:0:0.3" Value="60"/>
     <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="80"/>
     <SplineDoubleKeyFrame KeyTime="0:0:0.5" Value="100"/>
     <SplineDoubleKeyFrame KeyTime="0:0:0.6" Value="120"/>
     <SplineDoubleKeyFrame KeyTime="0:0:0.7" Value="140"/>
     <SplineDoubleKeyFrame KeyTime="0:0:0.8" Value="160"/>
     <SplineDoubleKeyFrame KeyTime="0:0:0.9" Value="180"/>
     </DoubleAnimationUsingKeyFrames>
   </Storyboard>
</VisualState>

我想在指针释放中从停止点而不是从结束点反转这个故事板

这可能吗？？

Answer 1

您可以为此使用VisualStateGroup。

在pointerRelease 事件选择Normal 状态。

   <VisualStateManager.VisualStateGroups>            
          <VisualStateGroup x:Name="CommonStates">
                      <VisualState x:Name="Normal" />
                      <VisualState x:Name="PointerOver">
                                <Storyboard x:Name="Storyboard1" AutoReverse="True">
                                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.Rotation)" Storyboard.TargetName="image">
                                        <SplineDoubleKeyFrame KeyTime="0" Value="0"/>
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.1" Value="20"/>
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.2" Value="40"/>
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.3" Value="60"/>
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.4" Value="80"/>
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.5" Value="100"/>
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.6" Value="120"/>
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.7" Value="140"/>
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.8" Value="160"/>
                                        <SplineDoubleKeyFrame KeyTime="0:0:0.9" Value="180"/>
                                    </DoubleAnimationUsingKeyFrames>
                                </Storyboard>
                            </VisualState>
                </VisualStateGroup>
          </VisualStateManager.VisualStateGroups>