WPF实现左右移动（晃动）动画效果

实现控件或布局的左右移动（晃动）主要用到DoubleAnimation以及Storyboard
布局代码为：

<Canvas><Grid Width="200" Height="100" Background="MediumAquamarine" Name="GroupboxArea" Canvas.Left="100" Canvas.Top="200"/><Button Content="Button" Height="25" Width="78" Click="Button_Click"/></Canvas>

后台代码为:

 private void Button_Click(object sender, RoutedEventArgs e){DoubleAnimation DAnimation = new DoubleAnimation();DAnimation.From = 100;//起点DAnimation.To = 280;//终点DAnimation.Duration = new Duration(TimeSpan.FromSeconds(0.5));//时间Storyboard.SetTarget(DAnimation, GroupboxArea);Storyboard.SetTargetProperty(DAnimation, new PropertyPath(Canvas.LeftProperty));Storyboard story = new Storyboard();story.Completed += new EventHandler(story_Completed);//完成后要做的事//story.RepeatBehavior = RepeatBehavior.Forever;//无限次循环，需要的自己加上story.Children.Add(DAnimation);story.Begin();}void story_Completed(object sender, EventArgs e){DoubleAnimation DAnimation = new DoubleAnimation();DAnimation.From = 280;//起点DAnimation.To = 100;//终点DAnimation.Duration = new Duration(TimeSpan.FromSeconds(0.5));//时间Storyboard.SetTarget(DAnimation, GroupboxArea);Storyboard.SetTargetProperty(DAnimation, new PropertyPath(Canvas.LeftProperty));Storyboard story = new Storyboard();story.Completed += new EventHandler(storyCompleted);//完成后要做的事//story.RepeatBehavior = RepeatBehavior.Forever;//无限次循环，需要的自己加上story.Children.Add(DAnimation);story.Begin();}void storyCompleted(object sender, EventArgs e){DoubleAnimation DAnimation = new DoubleAnimation();DAnimation.From = 100;//起点DAnimation.To = 200;//终点DAnimation.Duration = new Duration(TimeSpan.FromSeconds(0.5));//时间Storyboard.SetTarget(DAnimation, GroupboxArea);Storyboard.SetTargetProperty(DAnimation, new PropertyPath(Canvas.LeftProperty));Storyboard story = new Storyboard();//story.Completed += new EventHandler(storyCompleted);//完成后要做的事//story.RepeatBehavior = RepeatBehavior.Forever;//无限次循环，需要的自己加上story.Children.Add(DAnimation);story.Begin();}

WPF实现左右移动（晃动）动画效果相关推荐

WPF编游戏系列之六动画效果（1）
本篇主要针对界面进行动画效果处理.首先在打开或关闭界面时,使其产生动态效果而不是生硬的显示或消失(如下图).其次在鼠标放到关闭窗口图标上时,使其出现闪动效果.下面将通过Storyboard和Event ...
WPF实现聚光灯照亮文字动画效果
实现效果如下: 思路: 在Canvas里同一位置放置两个TextBlock,对上层字体设置路径动画,并设置其Clip为EllipseGeometry. 步骤: 1.窗体xaml <Window ...
WPF实现字体霓虹灯渐变动画效果
实现效果如下: 思路:采用LinearGradientBrush线性渐变色刷来实现源码: <TextBlock Text="LinearGradientBrush" Hor ...
wpf仿苹果桌面图标动画效果
开局一张图后面全靠编. 源码下载地址:https://download.csdn.net/download/musx01230/10912990
wpf image控件循环显示图片以达到动画效果问题及解决方案
1>最初方案: 用wpf的image控件循环显示图片,达到动画效果,其实就是在后台代码动态改变Image.Source的值,关键代码: for (int i = 1; i < 601; i ...
WPF 按钮动画效果制作
概要:本文将通过WPF按钮与Flash按钮的制作流程的对比讲解如何用Xaml实现按钮动画,同时你也还能学习Expression Blend.本文假设你正在制作一套点饮料的系统,现在你要做的就是制作出一 ...
java上下左右晃动_动画(Animation) 之 (闪烁、左右摇摆、上下晃动等效果)
左右晃动的效果: (这边显示没那么流畅) 一.续播 (不知道取什么名字好,就是先播放动画A, 接着播放动画B) 有两种方式. 第一种,分别动画两个动画,A和B, 然后先播放动画A,设置A 的 Ani ...
动画 Animation 之闪烁左右摇摆上下晃动等效果
左右晃动的效果: (这边显示没那么流畅) 一.续播 (不知道取什么名字好,就是先播放动画A, 接着播放动画B) 有两种方式. 第一种,分别动画两个动画,A和B, 然后先播放动画A,设置A 的 Ani ...
Android动画(图片闪烁、左右摇摆、上下晃动等效果)
Android动画(图片闪烁.左右摇摆.上下晃动等效果) 通常我们需要一个item连续的播放某一段动画或者循环的执行某个动画,这里我们就可以用到一下技巧. 一.续播 (不知道取什么名字好,就是先播放动 ...
WPF中创建水晶动画效果的treeview控件
软件开发中常常会用到treeview之类的导航菜单,如何使我们的菜单更具有视觉冲击力和动感呢,wpf可以帮我们轻易实现,下面我将使用blend来创建一个treeview动画效果资源. 首先我们在ble ...

WPF实现左右移动（晃动）动画效果

WPF实现左右移动（晃动）动画效果相关推荐

最新文章

热门文章