原文:Expression Blend学习动画基础

什么是动画(Animation)?

动画就是时间+换面的组合,画面跟着时间变化。最常见的是flash的动画,还有GIF动态图片。

动画的主要元素

时间线(Timeline):定义了值随着时间的变化方式。有不同类型的时间线,可用于改变不同类型的值。所以时间线的基类都是Timeline。为了连续改变double,可以使用DoubleAnimation类。

Timeline的主要属性

AutoReverse :使用该属性,可以指定连续改变的值在动画结束后是否返回初始值。

SpeedRatio:使用该属性,可以改变动画的执行速度。在这个属性中,可以定义父子元素的相对关系。默认值为1,将速率设为较小的值时,动画的执行速度较慢。

BeginTime:使用该属性,可以指定从触发事件开始到动画开始之间的长度。

Duration:指定动画执行一次的时间长度。

RepeatBehavior:定义动画重复的次数或重复的时间。

FillBehavior:如果父元素的时间线有不同的持续时间,则FillBehavior属性就很重要。

关于更多的Timeline类的属性可以参考?MSDN:http://msdn.microsoft.com/zh-cn/library/system.windows.media.animation.timeline_properties%28VS.85%29.aspx

情景板(Storyboard):

用于合并动画。Storyboard类派生子基类TimelineGroup,TimelineGroup又派生自基类Timeline。

情景板或者故事板继承自基类Timeline,但是可以包含几个时间线。StoryBoard类可以用于控制时间线。

StoryBoard类的主要方法如下:

Begin():启动与情景板相关的动画

BeginAnimation():可以为一个依赖属性启动单个动画

CreateClock():返回一个Clock对象,用于控制动画

Pause()、Resume():暂停、恢复动画

Seek():使动画移动到指定的时间处

Stop():停止动画

触发器(Trigger):通过触发器可以启动和停止动画。

在本文中,将以具体的实例创建动画。

文字围着地球转动

1.创建WPF Application,命名为WpfAnimations,往窗体中拖入一张图片,如下图:

tips:可以直接将图片拖到美化版中,Expression Blend会自动将图片添加到项目中的

2.往美化中添加TextBlock,字体设为Old English Text MT,大小为24,输入字母A,并选择按Ctrl+C进行复制,复制5个一模一样的

复制后会看到时间与对象面板中如下,但是界面中却仍然是只有一个TextBlock,这是因为它们重叠在一起了,我们可以拖动它,如下

3.在其余的TextBlock分别输入“Alexis”的其他字母,可以看到其他字母也是Old English Text MT,24大小的。并将它们沿着地球围转,可以使用键盘的方向键进行微调,或者是使用属性面板进行微调,最后的形状如下:

4.接下来,我们将这6个TextBlock合并到一个Grid里面,将这六个TextBlock选中,可以直接在美化版中选中一个后按住Shift键,然后再点击其他的TextBlock

即可选中,或者简单的在美化版中画一个区域将这些TextBlock圈住(类似桌面中选中多个文件一样),或者是直接在对象与时间线面板中将这些TextBlock选择【推荐】,最后的结果图如下:

5.选择菜单栏===>对象===>合并==》Gird,如下图,合并后,观察对象与时间线面板中,会发现这些合并的TextBlock多了一个父节点Grid

6.接下来我们就可以开始录制动画了,添加一个Trigger,如下图,并录制一个StoryBoard

7.会弹出StoryBoard还不存在,是否创建一个情景板,点击OK,此刻已经开始动画的录制了。我们需要做的就是录制两个关键的帧

8.在时刻0的时候,我们将合并的Grid的中心移到地球的中心处,以便后面Grid随着中心旋转

9.在时刻 2秒处(或者更长)处,将Grid的旋转读书设为360

10.此刻我们就可以点击播放按钮预览效果了,如果想要动画一值播放下去,需要将动画的循环次数设为无穷次

11.ok,最后的效果图如下:

PS:如果想要做出文字发光的效果,如在每隔一秒文字的某个部分发光一次,则可以在1秒时刻的时候,将这部分颜色调亮些,然后再使动画播放次数为无穷次即可这边就不详细列出步骤了。

Expression Blend学习动画基础相关推荐

  1. Expression Blend实例动画-大坝水位升高演示

    Expression Blend实例动画-大坝水位升高演示 原文:Expression Blend实例动画-大坝水位升高演示 Expression Blend是个很强大的东西,用它可以完成很多不好做的 ...

  2. Expression Blend学习5控件

    Expression Blend ButtonStyle- TextButton 本章以TextButton为例,讲解如何最简单,最快速的制作一个专业的TextButton. 对于这个TextButt ...

  3. Expression Blend 学习视频下载

    微软Expression Blend功能介绍Microsoft Expression Blend-一个全新的,全功能的职业设计工具,用于创造基于Microsoft Windows平台的丰富.复杂的应用 ...

  4. [演练]使用Expression Blend或代码创建Silverlight时钟

    本演练分步讲述如何使用 Microsoft Silverlight 创建一个简单时钟.下图所示为您将创建的时钟. 运行此示例. 下载此示例. 组成此时钟外观的向量图形是使用可扩展应用程序标记语言 (X ...

  5. Windows Phone 7 不温不火学习之《Expression Blend 创建渐变效果和创建Storyboard动画》...

    说起Expression Blend ,开发过Silverlight 或者WPF的同学肯定会暗爽一把.微软把这一神器免费提供给我们开发者使用,特别是自从WP7 发布就立刻免费,可以看出微软对WP7的重 ...

  6. 零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上)...

    零元学Expression Blend 4 - Chapter 40 Flash做的到的Blend也可以!轻松制作拥有动画的MenuBar!(上) 原文:零元学Expression Blend 4 - ...

  7. Expression Blend 定义RadioButton行为动画

    什么是行为(Behaviors) [From jv9] 在开始学习前,首先需要了解一下Behaviors(行为)的几个关键点: (1)Behaviors(行为)是可复用代码集合,可以被任何对象附加使用 ...

  8. 零元学Expression Blend 4 ndash; Chapter 21 以实作案例学习MouseDragElementBehavior

    原文:零元学Expression Blend 4 – Chapter 21 以实作案例学习MouseDragElementBehavior 本章将教大家如何运用Blend 4内建的行为注入元件「Mou ...

  9. PPT(十)-动画基础知识学习

    PPT动画用文字来讲解起来若想要达到比较好的效果是有一定难度的,xiaobenny本想认真讲一个动画的设置,以便在实例中掌握基础知识,但发现对于PPT初级用户来说是很难看得懂的.xiaobenny也是 ...

最新文章

  1. 服务器管理神器 开源堡垒机 jumpserver 实战教程
  2. Silverlight游戏设计(Game Design):(五)面向对象的思想塑造游戏对象
  3. Erlang Start![3]
  4. java什么是函数式编程,Java 函数式编程(一)初识篇
  5. 【Android 应用开发】 自定义组件 宽高适配方法, 手势监听器操作组件, 回调接口维护策略, 绘制方法分析 -- 基于 WheelView 组件分析自定义组件
  6. 循环神经网络-Dropout
  7. 最佳5本Java性能调优书籍–精选,必读
  8. .net/c#中栈和堆的区别及代码在栈和堆中的执行流程详解之一(转)
  9. 汇编笔记1:debug
  10. 单调队列:temperature
  11. 用C#创建Windows服务(Windows Services)并打包!
  12. PPDE三星私有协议
  13. 办公协同:xmind8案例实战班-Array老师-专题视频课程
  14. IT产业第一定律:摩尔定理
  15. tcp 握手失败_什么是三次握手,握手为何要进行三次,如果握手失败会有什么后果...
  16. Aws S3 基础操作
  17. 嵌入式Linux应用开发 1.系统编程 文件IO:open close write read lseek 通过文件io实现cp命令
  18. mysql 2038年问题_64位Ubuntu系统的时间戳,2038年问题
  19. 狗汪汪玩转无线电 -- GPS Hacking
  20. (不定期更新)驯服Ubuntu指南

热门文章

  1. 打开AI芯片的“万能钥匙”
  2. 国产半导体路在何方,瓦森纳与光刻机你了解多少
  3. 中国AI芯片产业发展白皮书:未来三年年均增长率超50%
  4. 【数字孪生】工业互联网和数字孪生
  5. NATURE 人工智能 | 神奇的粒子机器人
  6. 证明黎曼猜想的5页论文已发布!最简洁的解读在这里
  7. 专家谈计算机体系架构研究获“图灵奖”
  8. 老码农揭开行业黑幕:如何编写无法维护的代码
  9. 求职面试的十大错误,你犯过吗? | 每日趣闻
  10. Spring Boot特性