WPF中的动画——（四）缓动函数

缓动函数可以通过一系列公式模拟一些物理效果，如实地弹跳或其行为如同在弹簧上一样。它们一般应用在From/To/By动画上，可以使得其动画更加平滑。

var widthAnimation = new DoubleAnimation()
    {
        From = 0,
        To = 320,
        Duration = TimeSpan.FromSeconds(1),
        EasingFunction = new BackEase()
        {
            Amplitude = 0.3,
            EasingMode = EasingMode.EaseOut,
        },
    };

button.BeginAnimation(WidthProperty, widthAnimation);

从上面的例子可以看出，可以通过设置EasingFunction属性来使能缓动函数，通过 EasingMode 控制缓动函数的行为方式，它是一个枚举，有如下三个选项：

EaseIn ：动画起始部分使能缓动函数
EaseOut ：动画结束部分使能缓动函数
EaseInOut ：动画起始和结束部分都使能缓动函数

内置的缓动函数：

系统内部内置了一系列缓动函数，可以参考下图选择所需要的函数。

BackEase

BounceEase

CircleEase

CubicEase

ElasticEase

ExponentialEase

PowerEase

QuadraticEase

QuarticEase

QuinticEase

SineEase

参考资料：

http://msdn.microsoft.com/zh-cn/library/ee308751(v=vs.110).aspx

转载于:https://www.cnblogs.com/TianFang/p/4057913.html

WPF中的动画——（四）缓动函数相关推荐

用缓动函数模拟物理动画
1.缓动函数简介 <1>缓动函数的动画效果是建立在CALayer层级的关键帧动画基础之上也就是说用普通的UIView的Animation是无法直接实现缓动函数 <2>缓动函数 ...
JS实现动画特效2（缓动函数封装、导航栏筋斗云效果）
JS实现的动画特效:手风琴特效展示图片.筋斗云动画一.小知识 1.浏览器的offsetLeft是就近取整,要实现向上取整或向下取整,可以调用Math.ceil()或Math.floor() 2.想要 ...
4.QML动画——概念、动画应用方式和动画的缓动曲线
一.动画动画将应用于属性更改. 动画通过对属性值定义插值曲线,控制属性值从一个值到另一个值平滑过渡. Qt Quick中的所有动画均由同一计时器控制,因此动画是同步的. 这样可以提高动画的性能和视质 ...
Dotween SetEase Ease缓动函数
例如 :cameraTrans.DOLocalMove(pos, time).SetEase(Ease.OutExpo); Ease.InQuad 不知道Quad代表什么意思 Ease.InQu ...
缓动函数 Easing Functions
缓动函数 Easing Functions 缓动函数自定义参数随时间变化的速率. 常见效果 Linear:无缓动效果: Quadratic:二次方的缓动(t^2): Sinusoidal:正弦曲线的 ...
WPF中的动画——（三）时间线（TimeLine）
WPF中的动画--(三)时间线(TimeLine) 原文:WPF中的动画--(三)时间线(TimeLine) 时间线(TimeLine)表示时间段. 它提供的属性可以让控制该时间段的长度.开始时间.重 ...
11、《每周一点canvas动画》——缓动动画
本系列文章代码文件前面的章节我们介绍了许多基本的动画,在本节我们将使用这些基本的动画来创建一些高级动画.今天我们介绍的第一个高级动画叫做缓动动画(ease),也许在写css动画的时候已经接触过 ea ...
Easing 缓动函数收集
Easing 缓动函数收集缓动函数 ECharts图表 jquery easing 插件 Java 参考资料之前收集了不少链接,结果久了都404了.还是得复制一份代码过来才放心. 缓动函数 ECh ...
WPF中的动画——（二）From/To/By 动画
原文:WPF中的动画--(二)From/To/By 动画我们所实现的的动画中,很大一部分是让一个属性在起始值和结束值之间变化,例如,我在前文中实现的改变宽度的动画: var widthAnimati ...

WPF中的动画——（四）缓动函数

WPF中的动画——（四）缓动函数相关推荐

最新文章

热门文章