Wpf动画 - 就像在iOS上晃动图标

Question

我想在wpf中有一个图像动画，图像轻微抖动以便删除它，就像iOS中的应用程序一样。 你知道一些有用的东西吗？一些已经建成的东西？ 非常感谢。

Answer 1

下面是一个完整的摇动按钮文本的示例。你应该能够适应这个动摇图像，并使用缓动功能来改善它。

 <Grid.Resources> 
      <ControlTemplate x:Key="ShakingButtonTemplate" TargetType="Button"> 
       <Border Margin="5" BorderBrush="Aquamarine" BorderThickness="5" CornerRadius="5"> 
        <ContentPresenter HorizontalAlignment="Center" Content="{TemplateBinding Content}"> 
         <ContentPresenter.RenderTransform> 
          <TransformGroup> 
           <TranslateTransform x:Name="Position"/> 
          </TransformGroup> 
         </ContentPresenter.RenderTransform> 
        </ContentPresenter> 
       </Border> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsMouseOver" Value="True"> 
         <Trigger.EnterActions> 
          <BeginStoryboard x:Name="ShakeIt"> 
           <Storyboard> 
            <DoubleAnimationUsingKeyFrames 
             Storyboard.TargetName="Position" 
             Storyboard.TargetProperty="X" 
             RepeatBehavior="5x" 
             > 
             <EasingDoubleKeyFrame KeyTime="0:0:0.05" Value="0"/> 
             <EasingDoubleKeyFrame KeyTime="0:0:0.1" Value="2"/> 
             <EasingDoubleKeyFrame KeyTime="0:0:0.15" Value="0"/> 
             <EasingDoubleKeyFrame KeyTime="0:0:0.20" Value="-2"/> 
             <EasingDoubleKeyFrame KeyTime="0:0:0.25" Value="0"/> 
            </DoubleAnimationUsingKeyFrames> 
<!-- 
            <DoubleAnimation 
             Storyboard.TargetName="Position" 
             Storyboard.TargetProperty="X" 
             From="-2" To="2" 
             Duration="0:0:0:0.1" 
             AutoReverse="True" 
             RepeatBehavior="10x"> 
            </DoubleAnimation> 
--> 
           </Storyboard> 
          </BeginStoryboard> 
         </Trigger.EnterActions> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 

      <Style x:Key="ShakingButton" TargetType="Button"> 
       <Setter Property="Template" Value="{StaticResource ShakingButtonTemplate}"/> 
      </Style> 
     </Grid.Resources> 

     <StackPanel> 
      <Button Style="{StaticResource ShakingButton}" Content="This is a button" /> 
     </StackPanel>