WPF 故事板动画示例

WPF做动画比较方便；
Storyboard和Animation，你只要指定一些属性值，比如开始值和结束值、由开始值到达结束值所需的时间、需要动画的属性，便可形成一个简单的动画。
可以在xaml代码里指定；也可以在C#代码里指定；可以在C#代码里引用xaml代码里的控件；

下面指定长方形的宽度由100变化到200，所需时间为1秒；

<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"WindowTitle="Storyboards Example"><StackPanel Margin="20"><Rectangle Name="MyRectangle"Width="100"Height="100"><Rectangle.Fill><SolidColorBrush x:Name="MySolidColorBrush" Color="Green" /></Rectangle.Fill><Rectangle.Triggers><EventTrigger RoutedEvent="Page.Loaded"><BeginStoryboard><Storyboard RepeatBehavior="Forever" AutoReverse="True"><DoubleAnimation Storyboard.TargetName="MyRectangle"Storyboard.TargetProperty="Width"From="100" To="200" Duration="0:0:1" />              </Storyboard></BeginStoryboard></EventTrigger></Rectangle.Triggers></Rectangle> </StackPanel>
</Page>

效果如下；一个长方形持续在改变宽度；

WPF的动画有一个比较有用的特性；就是它动画结束会触发一个事件；可在此事件执行一些需要的代码；

以前开发体感项目时，因为用户用体感进行手势操作，并不像鼠标键盘那么自如，经常需要屏幕有明确的提示下一步操作；
以前做的体感进入下一级菜单是，用户抬起手臂和身体成一个夹角，就触发一个光圈动画，动画时间是30秒；30秒光圈从头转到尾；如果在30秒内，用户放下手臂，就停止动画，菜单停留在当前级；如果用户一直保持抬起手臂和身体成一个夹角，光圈转完后，触发一个事件，在此事件中读取下一级菜单文本，加载下一级菜单；进入到下一级菜单；

WPF 故事板动画示例相关推荐

【WPF学习】第五十章故事板
正如上一章介绍,WPF动画通过一组动画类(Animation类)表示.使用少数几个熟悉设置相关信息,如开始值.结束值以及持续时间.这显然使得它们非常适合于XAML.不是很清晰的时:如何为特定的事件和属 ...
Silverlight Blend动画设计系列五：故事板(StoryBoards)和动画(Animations)
原文:Silverlight & Blend动画设计系列五:故事板(StoryBoards)和动画(Animations) 正如你所看到的,Blend是一个非常强大的节约时间的设计工具,在Bl ...
什么是故事板？（故事图、Storyboard）（软件显示效果的视觉草图，用于视频创作和广告设计，表达作者的创意）
故事板是软件显示效果的视觉草图,用于视频创作和广告设计,表达作者的创意.20世纪90年代以来,电脑绘制软件渐渐取代了过去的手绘故事板,许多大制作的商业影片,都在拍摄之前用电脑动画模拟的方式创建故事板, ...
【WPF学习笔记】[转]周银辉之WPF中的动画晓风影天之wpf动画——new PropertyPath属性链...
(一)WPF中的动画动画无疑是WPF中最吸引人的特色之一,其可以像Flash一样平滑地播放并与程序逻辑进行很好的交互.这里我们讨论一下故事板. 在WPF中我们采用Storyboard(故事板)的方式 ...
Sliverlight之　故事板
见Project19 (1) 将一张图片每隔一秒旋转72度,看看效果是什么样(使用定时器) 说明: 前端 <Image.RenderTransform> <RotateTransfo ...
WPF中的动画——（三）时间线（TimeLine）
WPF中的动画--(三)时间线(TimeLine) 原文:WPF中的动画--(三)时间线(TimeLine) 时间线(TimeLine)表示时间段. 它提供的属性可以让控制该时间段的长度.开始时间.重 ...
Animate CC: Storyboarding Animate CC：故事板 Lynda课程中文字幕
Animate CC: Storyboarding 中文字幕 Animate CC:故事板中文字幕Animate CC: Storyboarding 如果工作室以无序的方式开始项目,工作室可能会造成 ...
Leangoo看板工具做敏捷故事地图看板示例
下面是一个以 "购物车" 为例的故事地图看板示例: https://www.leangoo.com/kanban/board/go/2808240# 欢迎留言给我?
WPF中的动画——（二）From/To/By 动画
原文:WPF中的动画--(二)From/To/By 动画我们所实现的的动画中,很大一部分是让一个属性在起始值和结束值之间变化,例如,我在前文中实现的改变宽度的动画: var widthAnimati ...

WPF 故事板动画示例

WPF 故事板动画示例相关推荐

最新文章

热门文章