使用Silverlight for Embedded开发绚丽的界面(4)

在文章使用Silverlight for Embedded开发绚丽的界面(2)我介绍了如何通过subproject的方式开发SE应用程序，并在文章使用Silverlight for Embedded开发绚丽的界面(3)提供了AlchemySDK，让开发SE变的更方便。

这篇文章我继续翻译：http://geekswithblogs.net/WindowsEmbeddedCookbook/archive/2009/10/11/silverlight-for-embedded-tutorial-step-2.aspx

 

我们讲过如何加载一个XAML-based用户界面到我们的应用程序中，并截获程序产生的事件。

这篇文章我们会学习如何使用故事板(storyboard)在我们的用户界面上创建动画，并介绍如何从代码中控制这些动画。

我们使用Expression Blend 2重新打开Silverlight 2 application project，并添加一个新的元素到UI上：TextBlock。

 

我将其放置在Button下面：

 

 

然后我们就可以使用“+”按钮(在”Objects and Timeline”标题下面)创建一个新的storyboard：

 

我们给新的storyboard分配一个名字方便后面操作：

 

我们将storyboard的时间光标移至1s处：

 

旋转TextBlock：

 

Expression Blend为我们创建动画和呈现指定的视觉效果所需要的中间对象(transformation objects)。

我们让TextBlock执行一个360度旋转：

 

通过在tranform item上右击设置动画的重复次数。我们设置一直重复：

 

保存项目返回Platform Builder修改代码。

首先通过FindName从visual root获得指向stroyboard的指针，就像之前我们取得button对象的指针一样。

?

1 2 3 4 5

IXRStoryboardPtr sboard;   if  (Failed(retcode=root->FindName(TEXT( "SpinText" ),&sboard)))        return  -1;

 

我们需要在event handler类使用storyboard和button对象，所以修改它以便储存这2个对象的智能指针。

5

6

7

8

9

10

11

12

13

14

15

16

17

18

class  BtnEventHandler

 

{

 

protected :

 

     IXRButtonBasePtr    btn;

 

IXRStoryboardPtr     sboard;

 

public :

 

BtnEventHandler(IXRButtonBasePtr& button,IXRStoryboardPtr& storyboard) : btn(button),sboard(storyboard)

 

{   

 

}

}