提到RIA开发,大家都会想到Flash。但是现在我们有了另外一种选择,那就是微软新近推出的“Silverlight”(中文非官方简称“闪亮”)。
1. 什么是Silverlight?
Silverlight是一个跨浏览器的、跨平台的插件,为网络带来下一代基于.NET的媒体体验和丰富的交互式应用程序。
它主要有以下特点:
跨浏览器,跨平台,可以在所有流行的浏览器中运行,可以运行于Microsoft Windows和Apple Mac OS X。
可以与已经存在的JavaScript和ASP.NET AJAX代码无缝集成,减轻了成本。
支持多种开发语言,比如JavaScript,C#,VB,Ruby以及Python等。
Silverlight使用XAML来进行用户界面设计,XAML是一种XML文本文件格式,并不编译为二进制文件,内容,能很好被搜索引擎收录
2. 创建第一个Silverlight程序
下面,我们通过实现一个“Hello World”程序来介绍如何开发“Silverlight”应用程序。
1.准备工作:
工欲善其事,必先利其器。首先,我们要安装开发Silverlight程序时需要使用的工具。具体如下:
Microsoft Silverlight 1.1 Alpha:开发Silverlight程序必须的文件。下载地址:http://go.microsoft.com/fwlink/?linkid=95888&clcid=0x409
Microsoft Visual Studio 2008 Beta 2:开发工具。下载地址:http://go.microsoft.com/?linkid=7175498
Silverlight Tools for VS 2008 Beta 2:在VS2008中开发Silverlight程序的插件。下载地址:http://www.microsoft.com/downloads/details.aspx?FamilyID=b52aeb39-1f10-49a6-85fc-a0a19cac99af&DisplayLang=en
Expression Blend 2 August Preview:设计工具。下载地址:http://www.microsoft.com/downloads/details.aspx?FamilyID=69540337-b619-4a47-ac27-52d8af3a7830&DisplayLang=en
另外,由于Silverlight使用XAML来呈现界面,我们还需要对XAML语法有一点了解。具体可参见:http://msdn2.microsoft.com/en-us/library/ms752059.aspx
2.创建工程
现在,我们正式开始开发Silverlight程序。打开VS2008,选择菜单“File”—“New Project”。在“New Project” 对话框中,选择 Visual C# 作为开发语言, 然后选择 Silverlight,在 “Templates”列表中,选择 Silverlight Project。然后将工程命名为“HelloSilverlight”,最后单击 “OK”按钮。
可以看到,VS2008为我们生成了运行Silverlight程序的最基本的文件(图1):
TestPage.html:一个标准的 HTML 网页,为Silverlight程序的显示提供容器。
TestPage.html.js:包含用于下载和实例化 Silverlight 控件的代码。
Silverlight.js:定义了TestPage.html.js需要调用的函数。
Page.xaml:最主要的文件,定义 Silverlight展现的内容。
Page.xaml.cs:保存托管代码。
图1 Silverlight工程
添加元素
现在,我们可以开始书写XMAL代码添加需要显示的内容。但是VS2008不支持设计视图,无法看到效果。这时就可以使用另一个工具Expression Blend 2。
运行Expression Blend 2,打开前面创建的“HelloSilverlight”工程。从左边的工具栏中选择“TextBlock”,为程序添加文字。然后通过右边的“Property”面板设置“TextBlock”元素的属性。比如设置Name为txtHello,字体颜色为蓝色。效果如图2所示。
图2 添加TextBlock元素
增加动画效果
下面我们为文字增加逐渐显现的动画效果。单击“Object and Timeline”面板上的“>”按钮,弹出的“Storyboard”面板上。然后单击“+”按钮,打开“Create Storyboard”对话框(图3)。输入“Name” , 单击“OK”按钮,可以看到“Object and Timeline”面板上增加了一条Timeline。
图3 “Create Storyboard”对话框
选中“Object and Timeline”面板上的“txtHello”,修改“Opacity”为0,然后单击 “Record Keyframe”按钮,插入关键帧,然后将黄色的时间线拖动到5秒处,修改“Opacity”为100,然后单击 “Record Keyframe”按钮,插入关键帧,一个动画就完成啦。可以单击面板上部的“Play”按钮预览效果(图4)。
图4 预览动画效果
添加托管代码
上面都是使用的设计工具,现在,我们再用VS2008打开工程,在Page.xaml.cs中添加C#代码,为程序增加用户交互体验。
为“TextBlock”元素的鼠标移入/移出事件添加如下代码:
<!-- Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/
-->
public void Page_Loaded(object o, EventArgs e)
{
// Required to initialize variables
InitializeComponent();
//声明事件
txtHello.MouseEnter +=new MouseEventHandler(txtHello_MouseEnter);
txtHello.MouseLeave +=new EventHandler(txtHello_MouseLeave);
}
Brush oldBrush;
//鼠标移入
private void txtHello_MouseEnter(object sender, MouseEventArgs e)
{
Timeline1.Pause();//暂停动画
oldBrush = txtHello.Foreground;
//将文字颜色改为红色
txtHello.Foreground = new System.Windows.Media.SolidColorBrush(Colors.Red);
}
//鼠标移出
private void txtHello_MouseLeave(object sender, EventArgs e)
{
//恢复状态
Timeline1.Resume();
txtHello.Foreground = oldBrush;
}
可以看出,这已经和编写普通的C#的程序没什么区别啦。最后编译运行,效果如图5所示。
图5 鼠标移入效果
3. 小结
通过上面的演示可以看到,微软为Silverlight开发提供了强大的工具,有助于设计者和开发人员协同工作。并且对于开发人员来说,如果熟悉微软.NET和Web开发技术,就已经具备了开发Silverlight程序的能力。如果你要从事RIA开发,Silverlight会是一个不错的选择。
1
(刊登于IT168技术频道)http://tech.it168.com/msoft/2007-09-02/200709022105892.shtml
分享到:
相关推荐
做一颗闪亮的小星星——小学一年级班级文化建设方案.pdf
打造智能智造“闪亮名片”——粤东首家人工智能创新产业园“智造云谷”成立.pdf
冒着闪闪星光的博士帽,闪亮博士帽,极简大字标题与几何三角形封面及过渡页设计,适合应届生论文答辩、毕业汇报的通用ppt模板。
引领e时代,论道新能源——安凯闪亮安徽新能源汽车发展国际论坛.pdf
“极速 极质”CAD_GIS专业输出利器——EPSON STYLUS PRO 7400_9400闪亮登场.pdf
Unity教程之-制作闪亮的星星Star:源码 网盘链接: http://pan.baidu.com/s/1sjA0Dtz 密码: hueh
合工大电子电路课程设计,包含一份完整的课程设计报告和一份完整的ms12代码。 由电子电路设计一组灯饰,把它安装在小汽车的...4. 只要按键L、按键R同时按下,两排小灯不亮,但要设计一个声光提示电路,提示操作有误。
Photoshop创意教程:设计制作闪亮花纹字体特效
Android自定义控件——闪闪发光的流光字体 类似小米的开机动画字体闪亮效果, 代码中有详细的注释 ,如果有不懂的地方可以http://blog.csdn.net/a253664942/article/details/45676493中提问。
该动画使用flash简单制作而成,主要应用于课程作业需要,星星的闪亮是整个动画的亮点
高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字.rar高闪亮字...
LED灯闪亮
开发数据产品 - 同行评估项目闪亮应用你可以在这里访问我的应用程序: : 用相关的支持文档编写一个闪亮的应用程序。 应该将文档视为用户开始使用您的应用程序所需的任何内容。 将应用程序部署在 Rstudio 的闪亮...
云计算技术-培训课程方案 ——云计算培训之一:云计算概述 课程简介: 随着网络带宽的不断增长,通过网络访问非本地的计算服务(包括数据处理、存储和 信息服务等)的条件越来越成熟,于是就有了今天我们称作...
闪亮下载程序心血奉贤(包含2月23日最新数据)1、完整的三级会员管理系统(后台可以设置是否允许新用户注册),可以设置不同的软件让具有不同权限的会员下载,方便各位站长进行收费等项目。2、全后台设置网站信息,...
安川变频器A1000系列技术手册(英文版)pdf,安川变频器A1000系列:节能&高效率!高性能电流矢量控制变频器!以卓越性能探索全新驱动领域的“A1000”变频器闪亮登场!业内顶级的超高效运行,源于对世界驱动器市场...
可莱特S80L LED 长亮、闪亮型产品目录pdf,特点:高亮度 LED 长亮/闪亮型;内装长亮/闪亮选择开关;采用使用寿命为半永久性的发光二极管,适合用于震动及冲击较大的设备;内部可以装蜂鸣器(Buzzer);音量(内装蜂鸣...
可莱特S100L LED 长亮、闪亮 警示灯产品目录pdf,特点:高亮度 LED 长亮/闪亮型;内装长亮/闪亮选择开关;采用使用寿命为半永久性的发光二极管,适合用于震动及冲击较大的设备;内部可以装蜂鸣器(Buzzer);音量(内...
可莱特S125L LED 长亮、闪亮 警示灯产品目录pdf,特点:高亮度 LED 长亮/闪亮型;内装长亮/闪亮选择开关;采用使用寿命为半永久性的发光二极管,适合用于震动及冲击较大的设备;内部可以装蜂鸣器(Buzzer);音量(内...
可莱特ST45ML LED 长亮 闪亮型 多层信号灯产品目录pdf,特点:适合用于安装高度受限的环境;采用使用寿命为半永久性的高亮度发光二极管;利用特殊反射镜聚集LED光线,发出与类似于灯泡灯丝的光线,提高远距离可见度;...