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

原文:零元学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之路

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

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