none
Как создавать и использовать функции плавности (Easing Function)? RRS feed

  • Общие обсуждения

  • Можно усовершенствовать анимацию с помощью функции плавности, что дает дополнительный контроль поведения анимации. Например, можно применить ElasticEase к анимации, чтобы придать анимации быстроту или пружинистый эффект.

    Режимы плавности задаются с помощью перечисления EasingMode .

    WPF 4 имеет 11 готовых функций анимации в пространстве имен Sytem.Windows.Media.Animation

    Для создания своей собственной функции плавности используйте класс EasingFunctionBase как базовый.

    Пример использования функций плавности:

     

    <Image x:Name="MyImage" Source="Desert.jpg" Width="100" Height="100" Stretch="UniformToFill"> 
         <Image.Triggers> 
           <EventTrigger RoutedEvent="Image.MouseLeftButtonDown"> 
             <BeginStoryboard> 
               <Storyboard> 
                 <DoubleAnimation 
                   Storyboard.TargetName="MyImage" 
                   Storyboard.TargetProperty="Width" 
                   From="100" To="200" Duration="0:0:1" > 
                   <DoubleAnimation.EasingFunction> 
                     <ElasticEase Oscillations="3" EasingMode="EaseOut"/> 
                   </DoubleAnimation.EasingFunction> 
                 </DoubleAnimation> 
                 <DoubleAnimation 
                   Storyboard.TargetName="MyImage" 
                   Storyboard.TargetProperty="Height" 
                   From="100" To="200" Duration="0:0:1" > 
                    <DoubleAnimation.EasingFunction> 
                     <ElasticEase Oscillations="3" EasingMode="EaseOut"/> 
                   </DoubleAnimation.EasingFunction> 
                 </DoubleAnimation> 
               </Storyboard> 
             </BeginStoryboard> 
           </EventTrigger> 
         </Image.Triggers> 
       </Image>
    
    

     

    (Из блога Maxime Lamure )


    Для связи [mail]
    14 декабря 2010 г. 10:58