原文:零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形动画

零元学Expression Blend 4 - Chapter 42 五分钟快速完成扇形变圆形动画

?

有位网友jiokoi留言问我:是否可以用StoryBoard制作出一个圆从0度到360度顺时针扇形的出现

?

我做了一个简单的范例,顺便分享给大家~

?

这是最後的成果:

看起来有雷达扫描装置的fu~XD(误)

很抱歉,阁下使用的浏览器并不支援 IFrame,不能正常浏览我的网页

?

?

直接开始吧!

?

01

拉进一个图形->Pie

Pie通常会应用在圆饼图上,但今天我们要拿来做动画

?

02

从Shapes->置入一个Pie後,我们来看一下Properties->Appearance

预设的Pie,StartAngle为90度,而EndAngle为360度

(12点钟位置为零度,顺时针转一圈,所以我们可以知道,90度为三点钟位置)

?

03

调整StartAngle以及EndAngle皆为0度

?

04

建立一个新的Storyboard

?

05

使时间轴在2秒时,调整EndAngle至360度

?

并且调整以下设定:

(A)点选A处,会出现Common Properties相关设定

(B)勾选AutoReverse则的动画播放完後会自动到转带回到原点

?

(C)RepeatBehavior->Forever,使动画不停的播放

?

06

最後,离开动画编辑模式,并置入一个ControlStoryBoradAction

?

设定动画触发条件Properties->Trigger->EventName->Loaded

?

完成!

想看更多的动画效果,可以参考Chapter 6 、Chapter 17、Chapter 18、Chapter 27

或是点选左边的动画分类。

?

附上本篇范例:

?

?

(若有任何错误的地方,请各位前辈或同好能不吝指教,小女子都会虚心接受;若是你喜欢我的教学,请给我点鼓励,谢谢。)

?

一步一步迈向HIE之路

喜欢我文章请推我一下或给我个回应,你的鼓励会给我无限的动力喔!

若是您有其他问题或是特别需要,请在文章回应处留言,我会尽快回覆您

 

最新文章

  1. TensorFlow知识总结
  2. Ceph RGW 和 niginx 配置要点
  3. 去掉tableview顶部留白
  4. bpl 包的编写和引用
  5. 获取CPUID等
  6. 使用Xcode和Instruments调试解决iOS内存泄露
  7. mysql left( right ) join使用on 与where 筛选的差异
  8. 配置并学习微信JS-SDK(2)—扫一扫接口http://www.qq210.com/shoutu/android
  9. java开发webservice
  10. python-凯撒密码
  11. Linux(CentOS或RadHat)下MySQL源码安装
  12. hdu 4730 We Love MOE Girls
  13. 1129: 零起点学算法36——3n+1问题
  14. 一个想法照进现实-《IT连》创业项目:创业时该不该用新手程序员
  15. Java的垃圾回收
  16. AI硬件 XPU
  17. Selenium Python FirefoxWebDriver处理打开保存对话框
  18. Oracle 表复杂查询之多表合并查询
  19. OWAPSP_ZAP使用
  20. springboot+mybatis结合使用

热门文章

  1. Html Vedio标签全屏
  2. TensorFlow 学习(十三)—— tf.app.flags
  3. General-Purpose Operating System Protection Profile
  4. Vue 初学笔记
  5. Servlet接口的实现类,路径配置映射,ServletConfig对象,ServletContext对象及web工程中文件的读取
  6. telnet 的使用(ping 与 telnet)
  7. auxiliary variable(辅助变量)的引入
  8. jQuery插件接口的实现,jquery.extend
  9. 各个 C# 版本的主要特性、发布日期和发布方式(C# 1.0 - 7.3)
  10. Windows 10 应用创建模糊背景窗口的三种方法