原文:WPF与缓动(二) 正弦与余弦缓动

  WPF与缓动(二) 正弦与余弦缓动
                                                                                                          周银辉

如果要比二次缓动(请参见WPF与缓动(一) N次缓动)更平缓, 可以使用正弦或余弦缓动.
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
如果我们用曲线上点的斜率表示速度,可以发现,由0到PI/2,速度逐渐减小,从PI/2到PI速度逐渐增加.
我们可以总结出如下公式
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
其中位置的改变量相当于Animation中的To与From的差值, t/t(总)相当于animationClock.CurrentProgress.Value, b实际就是From值

参考如下代码:

WPF与缓动(二) 正弦与余弦缓动-LMLPHPusing System;
WPF与缓动(二) 正弦与余弦缓动-LMLPHPusing System.Collections.Generic;
WPF与缓动(二) 正弦与余弦缓动-LMLPHPusing System.Text;
WPF与缓动(二) 正弦与余弦缓动-LMLPHPusing System.Windows.Media.Animation;
WPF与缓动(二) 正弦与余弦缓动-LMLPHPusing System.Windows;
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
WPF与缓动(二) 正弦与余弦缓动-LMLPHPnamespace EaseMoveDemo
WPF与缓动(二) 正弦与余弦缓动-LMLPHPWPF与缓动(二) 正弦与余弦缓动-LMLPHPWPF与缓动(二) 正弦与余弦缓动-LMLPHP{
WPF与缓动(二) 正弦与余弦缓动-LMLPHP    public class EaseMoveAnimation : DoubleAnimationBase
WPF与缓动(二) 正弦与余弦缓动-LMLPHPWPF与缓动(二) 正弦与余弦缓动-LMLPHP    WPF与缓动(二) 正弦与余弦缓动-LMLPHP{
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
WPF与缓动(二) 正弦与余弦缓动-LMLPHP        public static readonly DependencyProperty FromProperty = DependencyProperty.Register(
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            "From", typeof(double?), typeof(EaseMoveAnimation), new PropertyMetadata(null));
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
WPF与缓动(二) 正弦与余弦缓动-LMLPHP        public static readonly DependencyProperty ToProperty = DependencyProperty.Register(
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            "To", typeof(double?), typeof(EaseMoveAnimation), new PropertyMetadata(null));
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
WPF与缓动(二) 正弦与余弦缓动-LMLPHP        public double? From
WPF与缓动(二) 正弦与余弦缓动-LMLPHPWPF与缓动(二) 正弦与余弦缓动-LMLPHP        WPF与缓动(二) 正弦与余弦缓动-LMLPHP{
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            get
WPF与缓动(二) 正弦与余弦缓动-LMLPHPWPF与缓动(二) 正弦与余弦缓动-LMLPHP            WPF与缓动(二) 正弦与余弦缓动-LMLPHP{
WPF与缓动(二) 正弦与余弦缓动-LMLPHP                return (double?)this.GetValue(EaseMoveAnimation.FromProperty);
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            }
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            set
WPF与缓动(二) 正弦与余弦缓动-LMLPHPWPF与缓动(二) 正弦与余弦缓动-LMLPHP            WPF与缓动(二) 正弦与余弦缓动-LMLPHP{
WPF与缓动(二) 正弦与余弦缓动-LMLPHP                this.SetValue(EaseMoveAnimation.FromProperty, value);
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            }
WPF与缓动(二) 正弦与余弦缓动-LMLPHP        }
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
WPF与缓动(二) 正弦与余弦缓动-LMLPHP        public double? To
WPF与缓动(二) 正弦与余弦缓动-LMLPHPWPF与缓动(二) 正弦与余弦缓动-LMLPHP        WPF与缓动(二) 正弦与余弦缓动-LMLPHP{
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            get
WPF与缓动(二) 正弦与余弦缓动-LMLPHPWPF与缓动(二) 正弦与余弦缓动-LMLPHP            WPF与缓动(二) 正弦与余弦缓动-LMLPHP{
WPF与缓动(二) 正弦与余弦缓动-LMLPHP                return (double?)this.GetValue(EaseMoveAnimation.ToProperty);
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            }
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            set
WPF与缓动(二) 正弦与余弦缓动-LMLPHPWPF与缓动(二) 正弦与余弦缓动-LMLPHP            WPF与缓动(二) 正弦与余弦缓动-LMLPHP{
WPF与缓动(二) 正弦与余弦缓动-LMLPHP                this.SetValue(EaseMoveAnimation.ToProperty, value);
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            }
WPF与缓动(二) 正弦与余弦缓动-LMLPHP        }
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
WPF与缓动(二) 正弦与余弦缓动-LMLPHP        //正余弦缓动
WPF与缓动(二) 正弦与余弦缓动-LMLPHP        protected override double GetCurrentValueCore(double defaultOriginValue, double defaultDestinationValue, AnimationClock animationClock)
WPF与缓动(二) 正弦与余弦缓动-LMLPHPWPF与缓动(二) 正弦与余弦缓动-LMLPHP        WPF与缓动(二) 正弦与余弦缓动-LMLPHP{
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            double from = (this.From==null?defaultDestinationValue:(double)this.From);
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            double to = (this.To==null?defaultOriginValue:(double)this.To);
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            double delta = to - from;
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            //加速
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            //return delta * (1 - Math.Cos(Math.PI / 2 * animationClock.CurrentProgress.Value)) + from;
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            //减速
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            //return delta * Math.Sin(Math.PI / 2 * animationClock.CurrentProgress.Value) + from;
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            //先加速,后减速
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            return delta/2 * (1 - Math.Cos(Math.PI * animationClock.CurrentProgress.Value)) + from;
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            
WPF与缓动(二) 正弦与余弦缓动-LMLPHP        }
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
WPF与缓动(二) 正弦与余弦缓动-LMLPHP
WPF与缓动(二) 正弦与余弦缓动-LMLPHP        protected override System.Windows.Freezable CreateInstanceCore()
WPF与缓动(二) 正弦与余弦缓动-LMLPHPWPF与缓动(二) 正弦与余弦缓动-LMLPHP        WPF与缓动(二) 正弦与余弦缓动-LMLPHP{
WPF与缓动(二) 正弦与余弦缓动-LMLPHP            return new EaseMoveAnimation();
WPF与缓动(二) 正弦与余弦缓动-LMLPHP        }
WPF与缓动(二) 正弦与余弦缓动-LMLPHP    }
WPF与缓动(二) 正弦与余弦缓动-LMLPHP}
WPF与缓动(二) 正弦与余弦缓动-LMLPHP

源代码下载

05-11 22:24