Total Pageviews

Saturday 21 January 2012

教你开始使用SilverLight

除非过去的几个月中你被放到一个被遗弃的孤岛上,并且没有手机与无线设备与外界联系,那么你肯定会听到 SilverLight ,一个最近发布的关于Web开发的最新技术。它是目前最炙手可热的客户端的网络技术,并且可以提供单纯依靠HTML、 CSS 和JavaScript 难以实现的功能。
过去几个月以来,我一直在关注ASP.NET AJAX的特性和功能,并介绍了微软的AJAX框架如何可以用来提高终端用户体验。从这篇文章开始,我将开始做一转变,开始讨论微软的 SilverLight产品,并从SilverLight 1.0 开始。SilverLight 1.0已经正式公布,并现已投入使用。不过,Silverlight 1.1已经在测试中了,估计不久就会发布,我将在它即将发布时再介绍它。接下来,我将会重温 ASP.NET AJAX 技术,并解释它如何同 SilverLight 1.0 配合使用提供Silverlight应用和数据。
什么是SilverLight 1.0?
很多人都喜欢比较Silverlight 和Adobe公司Flash产品。 Silverlight 就像Flash 一样,是一个插件,它必须安装终端用户的计算机上,并可以在多种浏览器上使用,包括Internet Explorer、 Firefox 和Safari。 Silverlight也可以在多个操作系统上运行,包括Windows 和Macintosh (名为 Moonlight 的 Silverlight Linux 版本也已经实现,不过不是由微软实现的)。Silverlight一旦安装完毕, 它可以提供醒目的动画,播放电影,展示广告,提供导航和玩游戏以及听音乐。
Silverlight基于XAML(可扩展应用标记语言,一种基于XML的格式)。 XAML 可以提供专门的可用于执行各种不同的任务的XLM标签,例如显示椭圆、长方形和直线,处理各种格式的多媒体文件(.MP3、 .WMV、 .JPG等),处理对象创造引人注目的视觉效果,转换对象,与JavaScript 交互以及更多其它功能。
XAML也可以用来创建Windows Presentation Foundation (WPF )应用。然而,相比于用在WPF中的 XAML,用在Silverlight 技术里的 XAML是一个更简洁的版本。清单1显示了一个可以用在SilverLight中展示文本的简单XAML文件。 XAML使用作为布局元素,这与HTML使用
布局元素作用类似。在以后的文章里,我将提供更多有关如何写XAML文件的细节。


以下是引用片段:
<Canvas 
 xmlns="http://schemas.microsoft.com/client/2007"> 
 <Canvas.Triggers> 
 <EventTrigger RoutedEvent="Canvas.Loaded"> 
 <BeginStoryboard> 
 <Storyboard> 
 <DoubleAnimation AutoReverse="True" 
 From="80" To="200" Duration="0:0:3" 
 Storyboard.TargetName="tbCanvas" 
 Storyboard.TargetProperty="(Canvas.Top)" 
 RepeatBehavior="Forever"/> 
 </Storyboard> 
 </BeginStoryboard> 
 
 </Canvas.Triggers> 
 <TextBlock Name="tbCanvas" 
 Canvas.Left="36" Canvas.Top="80" 
 Foreground="Maroon" FontFamily="Verdana" 
 FontSize="24" FontWeight="Bold" 
 Text="Hello, From Silverlight!"> 
 </TextBlock> 
</Canvas> 
除了可以写XAML文件创建在浏览器中运行的Silverlight应用程序外,Silverlight 1.0也允许在编程时使用JavaScript 编程操纵XAML元素,控制动画以及更多功能。 Silverlight 1.1 (目前仍在测试阶段) ,将允许直接在浏览器中使用C#、VB.NET 以及其它编程语言,一旦它发布后,这将是一项很受欢迎的特功能。
Silverlight入门
那么,你如何开始使用Silverlight?第一,花一些时间去找一些讲解 Silverlight 的网站。这些网站包含很多 Silverlight 教程和SDK(包含帮助文档和例子),以及丰富的 Silverlight 视频教程。你应该下载Silverlight SDK,因为它含有大量的帮助文档和快速入门实例,这有利于降低学习难度,并让你迅速了解对XAML和Silverlight概念。
为了能创建Silverlight应用程序,你可以在Visual Studio .NET上安装Silverlight工具包或者创建一个空白页从零开始。如果你想从零开始创建一个Silverlight应用程序,下面提供了一些基本 步骤,。我会提供更多的具体情况就这些步骤,在以后的文章里,我会对这些步骤做更加详细的说明。
第1步:在Visual Studio .NET 2005中 创建一个新的ASP.NET Web 网站工程,为什么要创建一个这样的工程呢?事实上,你不必一定使用ASP.NET,因为Silverlight 可以被内嵌在任何一个标准的HTML网页内。然而,通过创建一个新的ASP.NET Web 网站工程,你就可以在需要的时候使用ASP.NET AJAX 和其它ASP.NET技术,当应用程序需要通过服务检索数据时,这是很有用的。
第2步:在你刚刚建立的网站上添加一个名为Silverlight.js的文件。我通常把它放在一个名为 Scripts的文件夹中,该文件夹包含这个网站用到的所有JavaScript文件。Silverlight.js是由微软提供,它会在用户没有安装 Silverlight时自动提示用户安装,或者当用户已经安装Silverlight时自动加载它。你可以从Silverlight SDK中得到Silverlight.js文件。
第3步:创建一个XAML文件,其中包含应用程序要展示的图形,多媒体,动画或变换。
第4步:在你的ASP.NET Web 网站工程增加一个HTML或ASP.NET 网页。该网页将定义一个
容器来表示Silverlight控件放置的地方。
第5步:使用JavaScript创建一个Silverlight 控件实例,并为它设置属性,比如设置得到用于控制应用程序展示的XAML文档位置。这可以在页面上设置,不过最好把它放在一个单独的.JS文件中。微软的 程序示例通常用CreateSilverlight.js命名此文件。
我将在接下来的文章中更深入地介绍上述步骤并且详细地描述Silverlight的.js 文件。在这之前,你可以研究一下本文提供的那个简单的代码,它提供一个简单的Silverlight入门应用程序,通过它你可以对Silverlight有一个大概的了解。

from http://www.enet.com.cn/article/2007/1126/A20071126923050.shtml

No comments:

Post a Comment