且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

WPF与缓动(四) 弧形缓动

更新时间:2022-09-13 18:44:01

原文:WPF与缓动(四) 弧形缓动

                                                   WPF与缓动(四)  弧形缓动
                                                                        周银辉

弧形缓动就是其缓动曲线为一段圆弧, 如何我们假设圆弧上的点的斜率为速度的话,那么可以想像其速度的变化多么具有戏剧性, 其加速或减速来得很突然, 与5次缓动差不多.
参考以下代码:

WPF与缓动(四) 弧形缓动 //圆形缓动
WPF与缓动(四) 弧形缓动
        protected override double GetCurrentValueCore(double defaultOriginValue, double defaultDestinationValue, AnimationClock animationClock)
WPF与缓动(四) 弧形缓动WPF与缓动(四) 弧形缓动        
WPF与缓动(四) 弧形缓动{
WPF与缓动(四) 弧形缓动            
double from = (this.From==null?defaultDestinationValue:(double)this.From);
WPF与缓动(四) 弧形缓动            
double to = (this.To==null?defaultOriginValue:(double)this.To);
WPF与缓动(四) 弧形缓动            
double delta = to - from;
WPF与缓动(四) 弧形缓动            
double value = animationClock.CurrentProgress.Value;
WPF与缓动(四) 弧形缓动
WPF与缓动(四) 弧形缓动            
double t = value * this.Duration.TimeSpan.Ticks;
WPF与缓动(四) 弧形缓动            
double d = this.Duration.TimeSpan.Ticks;
WPF与缓动(四) 弧形缓动
WPF与缓动(四) 弧形缓动            
//加速
WPF与缓动(四) 弧形缓动            
//return delta * (1-Math.Sqrt(1-(t/=d)*t)) + from;
WPF与缓动(四) 弧形缓动
WPF与缓动(四) 弧形缓动            
//减速
WPF与缓动(四) 弧形缓动            
//return delta * Math.Sqrt(1 - (t = t / d - 1) * t) + from;
WPF与缓动(四) 弧形缓动
WPF与缓动(四) 弧形缓动            
//先加速,后减速
WPF与缓动(四) 弧形缓动
            if ((t /= (d / 2)) < 1)
WPF与缓动(四) 弧形缓动WPF与缓动(四) 弧形缓动            
WPF与缓动(四) 弧形缓动{
WPF与缓动(四) 弧形缓动                
return delta / 2 * (1 - Math.Sqrt(1 - t * t)) + from;
WPF与缓动(四) 弧形缓动            }

WPF与缓动(四) 弧形缓动            
return delta / 2 * (Math.Sqrt(1 - (t -= 2* t) + 1+ from;
WPF与缓动(四) 弧形缓动            
WPF与缓动(四) 弧形缓动        }

下载Demo