wpf缓动动画小例子

最新推荐文章于 2024-09-21 16:30:49 发布

置顶爱吃饺子的猫猫

最新推荐文章于 2024-09-21 16:30:49 发布

阅读量1.1k

点赞数

文章标签： wpf编程宝典动画

本文链接：https://blog.csdn.net/lilichang11106/article/details/69947192

版权

这两天因为项目需求需要做个缓动动画，在网上看了很多例子，但对于没有介入过的人来说，网上的一些教程很难看得非常明白，所以这里想跟大家分享一下我的学习过程，缓动动画的详细了解可以参考

http://blog.csdn.net/ghj1976/article/details/5389086这里列出了很多博客可以进一步了解。

我这里主要贴出其具体如何用的，看下面这个小例子：

这里是在前台应用缓动动画的方法，“ Storyboard.TargetName”为这个动画具体应用于哪个控件，“Storyboard.TargetProperty”这个属性表示动画是应用在哪个属性上，我这里设置的是grid “qqqq”的高度，且在后台需要做些操作如下:

Storyboard std = this.Resources["UsingBackEaseAnimation"] as Storyboard;
std.Begin();

这样动画才能开始起效果.

下面是在后台设置:

前台只需要加这样一个grid，其他的须在后台完成：

Storyboard storybd = new Storyboard();

DoubleAnimationUsingKeyFrames kFs = new DoubleAnimationUsingKeyFrames();

            EasingDoubleKeyFrame k1 = new EasingDoubleKeyFrame();
            k1.KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(0));
            k1.Value = 200;
            k1.EasingFunction = new BackEase() { EasingMode = EasingMode.EaseOut, Amplitude = 0 };

            EasingDoubleKeyFrame k2 = new EasingDoubleKeyFrame();
            k2.KeyTime = KeyTime.FromTimeSpan(TimeSpan.FromSeconds(2));
            k2.Value = 0;
            k2.EasingFunction = new BackEase() { EasingMode = EasingMode.EaseOut, Amplitude = 0 };

            kFs.KeyFrames.Add(k1);
            kFs.KeyFrames.Add(k2);
            storybd.Children.Add(kFs);
            Storyboard.SetTarget(kFs, qqqq);
            Storyboard.SetTargetProperty(kFs, new PropertyPath("(Height)"));

storybd.RepeatBehavior = RepeatBehavior.Forever;
storybd.Begin();

这就是前台或后台应用缓动动画的过程，希望能帮到初学者