WPF动画制作个人总结

此文章仅作为个人笔记，方便日后遗忘查看

一、使用动画的一些注意事项

1、(From)To和By都可以控制动画移动，但当To和By同时有值时，会优先以To为动画结束的目标参数

2、FillBehavior为Stop，表示动画结束后解绑属性，解绑的同时会还原动画前属性的原始值

3、BeginTime只能在动画第一遍开始时加延迟，如果是持续循环的动画，则第二遍以后不会再有延迟（若要在循环动画中使用延迟，可以考虑用关键帧动画）

4、在Style中创建的动画，不能够使用Completed事件

5、同样在Style中创建的动画，From、To等属性不能使用Binding

6、（想起来了再添加）

二、后台代码创建动画的方法

1、属性直接绑定动画

UIElement.BeginAnimation(DependencyProperty, AnimationTimeline, HandoffBehavior);
或
UIElement.ApplyAnimationClock(DependencyProperty, AnimationClock, HandoffBehavior);
           

注意最后一个参数：

默认为SnapshotAndReplace，表示每当给这个属性绑定动画，都会替换之前的动画，无论是否执行结束；

另一个取值Compose，则表示将此动画添加到上一个动画的结尾，相当于拼接成一条时间线

2、用故事版形式

（这里加一段代码予以说明）

private void Grid_MouseDown(object sender, MouseButtonEventArgs e)
{
    Storyboard storyboard = new Storyboard();
    DoubleAnimation doubleAnimation = new DoubleAnimation
    {
        Duration = TimeSpan.FromSeconds(1),
        From = -200,
        To = -100,
        FillBehavior = FillBehavior.Stop,
        EasingFunction = new ElasticEase()
        {
            EasingMode = EasingMode.EaseOut,
            Springiness = 6,
            Oscillations = 3
        }
    };
    Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("(Grid.RenderTransform).(TranslateTransform.Y)"));
    storyboard.Children.Add(doubleAnimation);
    storyboard.Completed += pullSb_Completed;
    storyboard.Begin(topBar, HandoffBehavior.SnapshotAndReplace, true);
}
private void Storyboard_Completed(object sender, EventArgs e)
{
    TranslateTransform translate = grid.RenderTransform as TranslateTransform;
    translate.Y = -100;
}
           

之所以在动画完成事件中再给元素属性赋目标值，是为了保留动画完成后的状态，因为FillBehavior = FillBehavior.Stop