教你开始使用SilverLight

新手入门：教你开始使用SilverLight 来源：eNet硅谷动力 作者：小伟 发布时间：2007-11-26 ）--> 若要跟上技术革新和演变的步伐，并且掌握最新的网络技术，可以说是一个非常艰巨的任务，。因为当你认为你已经掌握了一些新技术的时候，另一项更新的技术出现了，并且更加吸引人。除非过去的几个月中你被放到一个被遗弃的孤岛上，并且没有手机与无线设备与外界联系，那么你肯定会听到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有一个大概的了解。