SilverLight开发系列第2步:使用vs2008和Blend 2.5打造Hellow World程序

简介:

上一篇:SilverLight开发系列第1步:搭建开发环境

 

  1. 在VS2008里面创建Silverlight(以下简称SL)应用程序

    必须在.Net Framework 3.5环境下,以前版本的.Net Framework不支持SL


    勾选第一项“Add a new....”表示新建一个网站,以便浏览SL应用程序。第二个选项表示动态创建页面以便浏览SL程序。
    创建成功后,项目结构如下图
  2. 进入Blend设计UI(用户界面)
    在VS2008中,右键点击Page.xaml,选择“Open In Expression Blend..”,打开Blend界面,弹出如下框框,提示安全问题,这里点击"Yes"。

    使用这两个工具,画2个控件:1个文本框和1个按钮,保存。

    双击文本框删除默认文字。保存,然后切换到VS2008.
  3. VS2008会提示文件有变动(因为在Blend里修改过),是否重新载入,点击“Yes to All”
  4. 编辑Page.xaml,给控件设置x:Name,相当与asp.net控件的ID。其中x是namespace(名称空间)。

    给按钮添加事件

    完成后,Page.xaml.cs里面会出现响应按钮事件的方法
             private   void  FirstAppButton_Click( object  sender, RoutedEventArgs e)
            {
            }
    手动添加按钮事件方法,做Hellow World文字显示,代码如下,简单的一行搞定。
             private   void  FirstAppButton_Click( object  sender, RoutedEventArgs e)
            {
                FirstAppTextBox.Text 
    +=   " Hello,World "   +  Environment.NewLine;
            }

    最终代码如图:

    保存。
  5. 然后右键点击FirsAppTestPage.aspx,选择“View in Browser”。呵呵,可能会提示你要修改Web.config文件。点“OK”就行了。

    运行结果,测试,成功!

    怎么样,SL其实很简单吧。对asp.net开发人员来说,这种开发过程太亲切了
  6. 最后附上整个方案源文件

写教程的过程,也是温故而知新的过程。一直很喜欢写作和编排规范性的文档,如果有机会,我很乐意当一个专职的技术Blogger,和大家一起学习、分享最新的技术



本文转自Kai的世界,道法自然博客园博客,原文链接:http://www.cnblogs.com/kaima/archive/2008/08/17/1269637.html,如需转载请自行联系原作者。


目录
相关文章
|
容器
Silverlight & Blend动画设计系列二:旋转动画(RotateTransform)
原文:Silverlight & Blend动画设计系列二:旋转动画(RotateTransform)   Silverlight的基础动画包括偏移、旋转、缩放、倾斜和翻转动画,这些基础动画毫无疑问是在Silverlight中使用得最多的动画效果,其使用也是非常简单的。
967 0
|
容器 数据可视化 内存技术
Silverlight & Blend动画设计系列一:偏移动画(TranslateTransform)
原文:Silverlight & Blend动画设计系列一:偏移动画(TranslateTransform)   用户界面组件、图像元素和多媒体功能可以让我们的界面生动活泼,除此之外,Silverlight还具备动画功能,它可以让应用程序“动起来”。
795 0
Silverlight & Blend动画设计系列三:缩放动画(ScaleTransform)
原文:Silverlight & Blend动画设计系列三:缩放动画(ScaleTransform)   在Silverlight的动画框架中,ScaleTransform类提供了在二维空间中的坐标内进行缩放操作,通过ScaleTransform可以在水平或垂直方向的缩放和拉伸对象,以实现一个简单的缩放动画效果,故此我将其称为缩放动画(ScaleTransform)。
888 0
Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)
原文:Silverlight & Blend动画设计系列四:倾斜动画(SkewTransform)   Silverlight中的倾斜变化动画(SkewTransform)能够实现对象元素的水平、垂直方向的倾斜变化动画效果。
797 0
|
容器
Silverlight & Blend动画设计系列五:故事板(StoryBoards)和动画(Animations)
原文:Silverlight & Blend动画设计系列五:故事板(StoryBoards)和动画(Animations)   正如你所看到的,Blend是一个非常强大的节约时间的设计工具,在Blend下能够设计出很多满意的动画作品,或许他具体是怎么实现的,通过什么方式实现的我们还是一无所知。
912 0
Silverlight & Blend动画设计系列七:模糊效果(BlurEffect)与阴影效果(DropShadowEffect)
原文:Silverlight & Blend动画设计系列七:模糊效果(BlurEffect)与阴影效果(DropShadowEffect)   模糊效果(BlurEffect)与阴影效果(DropShadowEffect)是两个非常实用和常用的两个特效,比如在开发相册中,可以对照片的缩略图添加模糊效果,在放大照片的过程中动态改变照片的大小和模糊的透明度来达到一个放大透明的效果。
1049 0
Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效
原文:Silverlight & Blend动画设计系列六:动画技巧(Animation Techniques)之对象与路径转化、波感特效   当我们在进行Silverlight & Blend进行动画设计的过程中,可能需要设计出很多效果不一的图形图像出来作为动画的基本组成元素。
1007 0
|
API
Silverlight & Blend动画设计系列十:Silverlight中的坐标系统(Coordinate System)与向量(Vector)运动
原文:Silverlight & Blend动画设计系列十:Silverlight中的坐标系统(Coordinate System)与向量(Vector)运动   如果我们习惯于数学坐标系,那么对于Silverlight中的坐标系可能会有些不习惯。
1232 0
|
UED
Silverlight & Blend动画设计系列九:动画(Animation)与视图状态管理(Visual State Manager)
原文:Silverlight & Blend动画设计系列九:动画(Animation)与视图状态管理(Visual State Manager)   Silverlight中的动画(Animation)与视图状态管理(Visual State Manager) 结合使用是非常常见的,动画用于管理对象在某段事件段内执行的动画动作,视图状态管理则用于控制对象在多个不同的视觉状态之间切换、导航。
769 0
Silverlight & Blend动画设计系列八:拖放(Drag-Drop)操作与拖放行为(DragBehavior)
原文:Silverlight & Blend动画设计系列八:拖放(Drag-Drop)操作与拖放行为(DragBehavior)   在Silverlight中自身并没有提供拖放功能的相关实现,要实现拖放功能得借助其事件支持(MouseLeftButtonDown、MouseLeftButtonUp和MouseMove)来完成,实际应用中我们可以通过行为(Behavior)特性将拖放操作封装为行为,这样可达到代码复用的效果。
1048 0