Wpfアニメーション - iOS上のアイコンを揺するようなもの

Question

iOSのアプリで起こるように、イメージを削除するためにイメージが軽く振れるイメージアニメーションがwpfにあります。 あなたは何か助けてくれることを知っていますか？既に造られた何か？ ありがとうございました。

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>