《siverlight 初级教程.doc》由会员分享，可在线阅读，更多相关《siverlight 初级教程.doc（56页珍藏版）》请在金锄头文库上搜索。
1、本文是Silverlight入门系列的第一部分。在本系列中，我们最终将构建一个可以使用关键字查询Twitter上的内容，并能在指定时间间隔自动刷新的应用程序。在我们深入学习之前，让我们先确定你已经获得了必要的开发工具并具备一些基本的Silverlight开发经验。开发工具当然了，不管做任何开发，你都只需要一个文档编辑器和一个编译器。但你没有任何理由不使用世界级的开发工具。所以我将在这里推荐给你一套开发工具，让你可以更加简单快捷地构建Silverlight应用程序。注意这些都不是必须的（重申一遍，如果你是发烧级别的开发人员，那么你只需要一个记事本和一个编译器 :-)）。虽然它们不都是免费的，但是
2、我还是极力推荐它们，不只是因为我效力于微软，而是我真的觉得它们是世界上最棒的开发工具。Visual Studio 2008你要确定你已经有了Visual Studio 2008，安装Silverlight工具之前你还需要装上SP1补丁，所以先确认一下你已经完成了这些工作。任何版本的SP1补丁都可以。如果你没有Visual Studio 2008，那么你可以使用免费的速成版Visual Web Developer Express 2008来开发Silverlight。如果你同时需要做数据库开发，那么你还可以免费获得SQL Server 2008速成版。Silverlight Tools for
3、Visual StudioSilverlight Tools for Visual Studio 需要另外下载，包括了SDK、开发运行时（用于调试）和一些用于Visual Studio的工具（项目模板、XAML生成器等等）。只需要安装这一个包就可以让你满足开发Silverlight所必需的所有条件。你可以分别下载Visual Studio和Silverlight Tools。如果你已经有了VS，那么只需要下载Silverlight Tools并安装就行了。如果你还没有VS，考虑使用网络平台安装工具（Web Platform Installer）来安装包括Visual Studio、SQL Se
4、rver速成版以及Silverlight Tools等工具，而不需要到处寻找下载链接。你可以在这里获得网络平台安装工具：如果你已经安装了Visual Studio，你仍然可以通过网络平台安装工具来安装Silverlight Tools，或者直接点击这里下载。Expression BlendExpression Blend是一个交互式的开发工具。它是XAML的可视化编辑器，XAML是Silverlight以及Windows Presentation Foundation（WPF）的底层表示技术。不仅设计外观漂亮，还能方便地控制布局、动画、样式以及模板。我相信它是XAML开发必不可少的工具。不过，
5、这个工具并没有免费版本，除非你是MSDN订阅用户。它也被包含在Expression Studio中。你可以在这里下载试用版。我们下一步将用Blend来布局。Silverlight ToolkitSilverlight Toolkit是在核心控件集之外的扩展包。包括了图表控件、日期/时间控件、手风琴控件（互斥级联菜单）等等。最妙的是，这些控件的源代码（也包括核心控件）可以方便你学习和扩展！控件包可以从CodePlex下载，我们也会在本系列中使用其中的一部分控件。你还可以使用其他的一些控件套装或工具，比如像是我们将在第三部分谈及的.NET RIA Services，但上面推荐的是我认为你开发Sil
6、verlight所需要的最精简的工具。在进行本教程的第二步之前先要安装它们。了解开发环境一旦你安装完了Visual Studio和Silverlight Tools，你就会注意到VS的新建项目对话框中多了一个新组：gs-step1-dialog_2.png(109.33 K)1/19/2010 12:28:58 PM你会在Silverlight类别下发现一些新的模板，至少包括Silverlight应用程序、Silverlight类库以及Silverlight导航应用程序。其它的可能取决于你安装的扩展工具。在这一步选择Silverlight导航应用程序并给它起个名字（我把我的命名为Twitter
7、SearchMonitor）。在下个窗口你将看到询问你是否要创建一个Web项目：gs-step1-dialog-webproj_2.png(17.25 K)1/19/2010 12:28:58 PM如果是新的项目，我强烈建议你选择创建新的Web项目。这样你将会得到一个Web环境使你可以运行应用程序。这将避免从本地文件系统访问Web服务遇到的问题。在HTTP下运行你的程序将使你避免在Web服务下调试时最经常遇到的错误。你可以选择ASP.NET Web应用程序项目、ASP.NET Web站点，如果你安装了ASP.NET MVC的话，你还可以选择ASP.NET MVC 项目。如果你不确定到底要选哪个
8、，就选默认值。 最新发布 最后下载 MVVM Survival Guide for Enterprise Architectures in Silverlight and WPF Microsoft Expression Web 4 In Depth, 2nd Edition Silverlight 5 in Action MCTS: Microsoft Silverlight 4 Development (70-506) Certification Guide Blender 3D Basics Beginning Silverlight 5 in C# Silverlight 图形旋转 S
9、ilverlight揭秘 Microsoft Silverlight 5 Data and Services Cookbook AppDev Silverlight 4 Using Visual C# 2010 (Volume 2) Silverlight 3D 开源项目之：实时足球仿3D实例（Silverlight 4） Silverlight 4 开源项目之：简单视频聊天 银光志：Silverlight 3.0开发详解与最佳实践PDF及源码下载 Silverlight 4 离线简体中文版帮助文档 Silverlight多人在线游戏示例 Blender 3D Basics 通过动态构造实体在
10、Silverlight 中给DataGrid 绑定数据 最新Microsoft Expression Studio 3破解 Silverlight 3D 开源项目之：房屋3D设计（Silverlight 5） Silverlight中如何操作位图（亮度及对比度调节、浮雕效果、放大镜效果等） TOP UID1 精华19 拼元1047367 元 来自拼吾爱 查看公共资料 cobra striver 组别管理员 性别 保密 积分1066149 帖子18687 注册时间 2007-04-09 发布日期: 2010-01-19 12:20 2# 字体大小: t T 项目结构如果你的应用程序创建完了，你将
11、会看到类似下面的内容：gs-step1-project-struct_2.png(20.52 K)1/19/2010 12:33:38 PM这里显示了你的Web应用程序（承载了Silverlight应用程序）以及为Silverlight应用程序预建的测试页以及Silverlight应用程序本身。让我们先把注意力集中到Silverlight应用程序项目。这里有一些关键文件你应该注意，我们将会在本系列中逐个研究他它们： * App.xaml 这是一个应用类资源文件。如果你要放置资源文件（我们将在样式章节中讨论）或者启动全局事件，就需要在这里处理。这个文件同时也是你的应用程序的入口，并且告诉Silv
12、erlight插件下一步做什么。 * MainPage.xaml 这个页面是你选中的模板的一部分。它不必要被叫作MainPage，但那是项目模板使用的默认值。这是你的应用程序的初始用户界面。不要和刚才说的那个混淆。 * Assets/Views文件夹他们包含了素材（文件、图片、样式表等等）以及你的应用程序的其它一些用户界面。XAML文件描绘了你的应用程序的用户界面。它们仅仅是使用XAML标记语言的XML文件。我们将会在之后的教程中修改它们。当你编译了解决方案（接着上面的步骤做），你将会发现在Web应用程序的ClientBin文件夹下面多出了一个以XAP为扩展名的文件。这是编译完成了的 Silv
13、erlight应用程序。它其实是一个文档（又称ZIP），只不过扩展名不同。如果你把它的扩展名改成.ZIP并用工具打开，你可以看见其中的内容。XAP文件被送至你的浏览器。这个文件承载在Web服务上并被传给终端用户。XAP文件通过标签承载在基础HTML页面上。注意：Silverlight是客户端技术，并能承载在任何Web服务器上。可以是任何能推送XAP文件并具有从服务端正确解析MIME类型能力的服务器（application/x-silverlight-app）。只要能做到这点，我们并不在意推送XAP文件的服务器是什么类型的。ASP.NET和HTML的测试页已经为你创建了基础的模板。因为它们本质上
14、是相同的，所以我通常为了精简而删除其中一个。在XAML页面添加用户控件我们选择的模板是导航应用程序模板，意味着它已经自带了一些导航功能。这是Silverlight中相当新的一个功能，并且在你的应用程序中能看见一个类似于母版页的效果。如果你查看Views文件夹你将会发现一个About.xaml文件、一个ErrorWindows.xaml文件以及一个 Home.xaml文件。现在让我们把注意力集中在Home.xaml上，因为它是程序读入的第一个视图。双击打开文件你将看见Visual Studio读入了XAML。在这个页面你将看到在Grid中用XAML代码定义了一些视图，包括了一些其他的控件，像是
15、StackPanel和TextBlock（我们将在本系列第二部分讨论StackPanel）。它们都是Silverlight核心控件集的一部分。 TextBlock可以让你向用户显示文字。如果你现在就运行应用程序（按F5可以运行在调试模式下继续选择修改web.config文件从而开启调试）。你应该看到如下界面：gs-step1-runfirst_2.png(84.28 K)1/19/2010 12:33:38 PM注意应用程序中显示的文字并与TextBlock中的文字作比较。同时注意到右上角的链接样式按钮。它们显示了到其它独立视图的导航点。让我们添加一些XAML并来看看怎么写代码。在Home.xaml页面中的第二个TextBlock后面，让我们像这样来用XAML添加一个按钮： 1. 复制代码这将会使得在视图中的Home page c
