我的第一个Silverlight程序~看书都没买到3的,看1.0的照葫芦画瓢!

买书买不到Silverlight 3的书,似乎多数还是1.0,网上要不教程太高级看不懂要不就英文咱这水平还是算了,照书加上自己摸索做了第一小动画,给分享一下!
现在还没有什么Silverlight的概念,所以先照书做个小例子,大概了解一下Silverlight~~

既然是第一个程序,按照学语言第一步都喜欢干的做个HelloWorld,呵呵
   ·······在这里可以下载我做的: /Files/chiglish/HelloSilverlight.rar
   ·······本例子参考:1.丁士峰  《精通Silverlight开发技术详解》  2008年6月第一版 人民邮电出版社

下面从头说起(做的时候实际跟书上有些不同根据自己摸索制作):
1.按照《Silverlight 3环境配置》一文讲环境配置好(有点废话?呵呵)
2.打开VS2008新建项目,选择VC#-Silverlight-Silverlight应用程序,如图1
我的第一个Silverlight程序~看书都没买到3的,看1.0的照葫芦画瓢!_第1张图片

在确定后弹出对话框,因为制作个小实验程序,所以将如图2复选框取消:
我的第一个Silverlight程序~看书都没买到3的,看1.0的照葫芦画瓢!_第2张图片
确定后解决方案管理器中出现以下文件:如图3
我的第一个Silverlight程序~看书都没买到3的,看1.0的照葫芦画瓢!_第3张图片

3.解决方案会为我们自动打开MainPage.xaml(有的时候生成的是Page.xaml,菜鸟我还没搞明白为什么会这样),至于xaml是什么大家自己去网上找把,我不会描述~~
现在可以在vs中进行编辑了,就在这里面添加一个简单的TextBlock吧,可以手写或者直接从工具箱拖入并为其添加属性,代码如下:

这里说句题外话,谁知道这代码怎么直接写到这里?我看编辑上面有个Code按钮,不知道是不是我浏览器关系,似乎不好用~~

现在这个TextBlock已经有一点小效果了,我们可以去Blend 3中加动画了~~

4.在MainPage.xaml右键单击选择在Expression Blend中打开,会提示保存当前解决方案,点【是】后即可打开Blend 3,如图5
我的第一个Silverlight程序~看书都没买到3的,看1.0的照葫芦画瓢!_第4张图片

5.在下方的对象和时间线中点击“+”号,弹出如图6,填上一个名字即可,我选择默认,确定
我的第一个Silverlight程序~看书都没买到3的,看1.0的照葫芦画瓢!_第5张图片
此时出现如图7时间线编辑界面
我的第一个Silverlight程序~看书都没买到3的,看1.0的照葫芦画瓢!_第6张图片

6.将时间先托到1处,将文字旋转180度,如图8
我的第一个Silverlight程序~看书都没买到3的,看1.0的照葫芦画瓢!_第7张图片
讲时间线托到2出,将TextBlock再次旋转180度,方法同上不截图了,制作动画大概思路就是这样,根据时间点不同设置不同的动作,也可以不设置旋转,弄些更复杂的路径,这全看个人喜好了,呵呵,此时动画就制作完毕!不过还有下面关键的一部

7.为动画编写执行代码,使动画动起来,按F7可以打开MainPage.xaml.cs,代码如下:
我的第一个Silverlight程序~看书都没买到3的,看1.0的照葫芦画瓢!_第8张图片
到此位置我们第一个动画就制作完成了,详情请看我的事例程序,在页面上边有下载,呵呵~~谢谢!


你可能感兴趣的:(silverlight)