一步一步学Silverlight+2系列(1)
SilverLight入门教程(基于ASP.NET运行环境示例)
SilverLight入门教程——基于运行环境示例郑健目录1．概述 .......................................................................................................... 错误！未定义书签。
2．代码示例................................................................................................. 错误！未定义书签。
（1）基础知识示例............................................................................... 错误！未定义书签。
1）对象的定位............................................................................. 错误！未定义书签。
2）使用SilverLight插件............................................................... 错误！未定义书签。
3）SilverLight元素的鼠标事件 ................................................... 错误！未定义书签。
4）SilverLight元素的键盘事件 ................................................... 错误！未定义书签。
5）方法createFromXaml使用示例............................................ 错误！未定义书签。
6）访问和修改SilverLight元素以及属性................................. 错误！未定义书签。
谈谈Silverlight 2中的视觉状态管理 Part2 电脑资料
谈谈Silverlight 2中的视觉状态管理 Part2 电脑资料概述在WPF和Silverlight中的控件模板支持自定义控件的观感，外观，指控件的视觉效果；而感觉那么是控件交互的响应性，如在控件上按下鼠标、控件获得焦点等状态的改变，本文为该系列第二篇，介绍如何利用Silverlight 2中的视觉状态管理来定制控件观感。
在前一篇我们介绍了视觉状态管理中的一些根本概念，下面将通过一个实例来展示如果利用视觉状态管理来定制控件的观感，最终我们完成的例如效果如下列图所示：本文中的例如使用了这篇文章中的代码。
定义控件模板我们现在先来定义CheckBox控件的模板，即上篇文章中所介绍的部件，如下代码所示：为了减少代码，这里去掉了一些属性，只是给出了必备的一些部件名称。
现在我们运行后，可以看到虽然CheckBox的样式有了，但它并没有任何交互的效果，如点击鼠标后CheckBox并没有选中。
定义视觉状态组我们知道，视觉状态管理器（VisualStateManager）负责管理控件的状态和状态组以及状态的迁移，所以我们所有的视觉状态组、视觉状态迁移、视觉状态等都通过它来管理，在XAML定义时，它们之间的架构关系如下：在引用VisualStateManager之前，需要先引入命名空间，这是Silverlight 2 Beta 2的一个Bug。
如下代码所示：xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"接下来我们定义视觉状态组，在上篇文章中我们就介绍过CheckBox的状态组，总共有三个： FocusStates、CommonStates、CheckStates，这里我们只定义CommonStates和CheckStates状态组，大家可以自行定义FocusStates状态组，如下代码所示：这里需要为每个视觉状态组指定名称，且名称是固定的。
Silverlight探秘系列课程 Silverlight 2快速入门(上)
Silverlight 系列课程29讲 SilverLight 2快速入门（上）苏鹏 MVP MSDN 特约讲师点击添加MSN机器人小新 为您收听下载MSDN中文网络广播课程加油助力!内容介绍• Silverlight 2动画设计 • 总结Level 200Silverlight2 动画设计• • • • 为数值类型属性添加动画效果 为 效 为颜色属性添加动画效果 启动、暂停、恢复、停止一个动画效果 高级动画属性设置为数值类型属性添加动 画效果• 使 使用x:name属性标示元素以便进行动画绘 行 绘 制 • 创建一个StoryBoard作为资源内容用于描述 动画 • 为StoryBoard添加动画内容 • 启动动画Demo• 设置属性动画为颜色属性添加动画效 果• 对颜色属性进行设置 行Demo• 颜色变化设置 变启动、暂停、恢复、停 止一个动画效果• StoryBoard的4个基本方法 个 方– – – – Begin() g ()方法开始动画 Pause()方法暂停动画 Resume()方法恢复暂停的动画 Stop()方法停止动画效果Demo• 设置一个可以自定义的动画 个 自定关键帧动画•通过定义关键帧来实现动画操作定实作Demo•使用Blend设置关键帧动画使总结•Silverlight2动画设计如需提出问题，请在此区域输入文字，并单击“问题和解答”右上方的“提问”按钮即可。
/chinahttp://forums microsoft com/china。
使用Silverlight入门
创建您的第一个应用程序我们需要做的第一件事情是启动Visual Studio并创建一个新的项目。
在您启动Visual Studio，选择“新建项目”菜单中选择：文件- >新建- >项目这将打开“新建项目”对话框中。
在左侧的“模板”列表中，选择Visual C＃中（Visual Basic中也可），然后Silverlight的。
然后选择“项目类型的Silverlight应用。
现在的名字你的项目的HelloWorld，然后选择确定。
接下来打开的对话框中询问您是否要创建一个新的网站，或简单地用一个测试页。
对于本示例中，取消选择“在一个新的网站主机的Silverlight应用程序”。
我们将使用“测试页”选项。
开发Silverlight应用程序时，在使用“网站”选项有一些好处，但这个例子中，测试页就足够了。
这是有创造一个新的Silverlight项目。
下一步我们将添加一些功能的应用程序。
如果您没有看到解决方案资源管理器（通常在右侧窗口），您可以从“查看” - >“解决方案资源管理器。
在解决方案资源管理器中，有一些项目文件。
我们将在此QuickStart中使用的文件MainPage.xaml 中和MainPage.xaml.cs 。
如果您不熟悉使用XAML，XAML是一种基于XML的声明性语言，用于创建和布局的UI元素。
请参阅XAML快速入门上的XAML的更多信息。
cs文件是在C＃代码隐藏文件。
通过局部类代码隐藏文件是同一个XAML文件。
代码隐藏和局部类的更多信息，请参见代码隐藏和分部类MSDN文章。
从代码中分离的用户界面，允许您创建声明XAML标记可见的用户界面元素，然后使用一个单独的代码隐藏文件，以响应事件和操作您在XAML中声明的对象。
这种分离使得它很容易为设计人员和开发人员一起工作，有效地在同一项目。
双击上MainPage.xaml中。
这将在主编辑器窗口中打开MainPage.xaml文件。
Silverlight入门基础
Silverlight入门教程--基于运行环境示例郑健2008-3-9(一).概述 (3)(二). 代码示例 (3)1).基础知识示例 (3)1. 对象的定位 (3)2. 使用SilverLight插件 (8)3. SilverLight元素的鼠标事件 (10)4. SilverLight元素的键盘事件 (16)5.方法createFromXaml使用示例 (17)6.访问和修改Silverlight元素以及属性 (19)7. Silverlight中的字体使用 (21)8.全屏支持功能 (24)9. Silverlight Downloader 对象使用 (26)10.定时器功能 (29)11.错误处理支持 (31)12.把xaml段内置在aspx或html页面中 (34)2).制作图形示例 (36)13.基本图形形状示例 (36)14.画刷对象的使用 (38)15.视频刷对象的使用 (41)16.Path元素使用 (43)17.变换效果(Transform) (44)3).多媒体功能 (46)18.在线电影播放 (46)4).制作动画效果示例 (51)19.一个动画示例 (51)20.动画的交互控制 (53)21.动画关键帧示例 (55)(一).概述Silverlight是一个跨浏览器的、跨操作系统平台的插件，为Web带来下一代媒体体验和丰富的交互式应用程序体验. 使用JS实现Ajax技术可以使网站具有很好的用户体验, 但它也会使网站过于庞大和臃肿. 业余时间学习了一下微软的Silverlight官方教程, 在学习时顺便根据学习示例整理了一个教程. 此教程包括一些精简的小例子, 主要针对开发使用场景展开示例, 在实际开发中也可以作为查找手册使用. 运行环境为VS 2005, 这些示例比较简单很容易看懂, 因此示例没有太多注释.(二). 代码示例1).基础知识示例1. 对象的定位通过呈现几个Silverlight元素来示例对象之间的定位, 以及在一个页面中创建装载多个Silverlight对象.2. 使用SilverLight插件3. SilverLight元素的鼠标事件I.鼠标滑入和滑出事件II.鼠标点击(按下/弹起)和移动事件4. SilverLight元素的键盘事件5.方法createFromXaml使用示例6.访问和修改Silverlight元素以及属性7. Silverlight中的字体使用8.全屏支持功能9. Silverlight Downloader 对象使用10.定时器功能11.错误处理支持12.把xaml段内置在aspx或html页面中这样的话就不用单独的 *.xaml 文件来承载SilverLight对象控件元素内容.2).制作图形示例13.基本图形形状示例14.画刷对象的使用15.视频刷对象的使用16.Path元素使用17.变换效果(Transform)3).多媒体功能18.在线电影播放。
SilverLight教程2
这是8个系列教程的第2部分，这个系列示范如何使用 Silverlight 2 的 Beta1 版本来创建一个简单的 Digg 客户端应用。
这些教程请依次阅读，将有助于您理解 Silverlight 的一些核心编程概念。
理解布局管理Silverlight 和 WPF 都支持一种灵活的布局管理系统，能让开发者和设计师轻松的定位 UI 上的控件。
该布局系统对显式指定坐标的控件支持固定的定位模型；除此之外，还支持一种更为动态的定位模型，控件和布局能随着浏览器的大小改变而自动改变其大小和方位。
在 Silverlight 和 WPF 中，开发者可以用布局面板来协调包含在其中的控件的位置和大小。
Silverlight Beta1 中内建的布局面板包括在 WPF 中最常用的3种：∙Canvas∙StackPanel∙GridCanvas面板Canvas 面板是一种很基础的布局面板，它支持对其中的控件采用绝对坐标定位。
你可以通过一种 XAML 特性--- "附加属性” 对 Canvas 中的元素进行定位。
用附加属性，你可以指定控件相对于其直接父 Canvas 控件的上、下、左、右坐标的位置。
附加属性很有用，因为它让父面板可以扩展其中包含的控件的属性集。
Canvas 通过定义扩展属性 Top 和Left, 就能定义其中 Button （或其他任何 UI 元素）的 Left, Top，而不需要真正向Button 类中添加这个属性，或修改 Button 类。
我们可以向 Canvas 容器中添加两个按钮，指定其距离 Canvas 左侧的距离为 50 像素，离上边的距离则分别为50 像素和150 像素。
使用如下XAML 语法即可完成（其中Canvas.Top 和 Canvas.Left 都是附加属性的例子）：这些代码绘制的界面效果如下：Canvas 适用于其中包含的 UI 元素比较固定的情形，但是如果你想向其中添加更多的控件，或者 UI 需要改变大小或能够移动，Canvas 显得不太灵活。
Silverlight初学者的入门课程
目录第一章什么是Silverlight？ (1)第二章Silverlight 1和Silverlight 2之间的区别 (1)第三章Silverlight和WPF之间的不同 (1)第四章开发Silverlight应用程序需要的工具 (2)Silverlight SDK (2)如何选择Expression Studio 或 Visual Studio (2)第五章Silverlight 运行时和Silverlight SDK之间的不同 (3)第六章什么是XAML？ (3)第七章什么是.xap文件？ (4)第八章“Hello World”Silverlight应用程序 (4)第九章Visual Studio默认创建的文件 (6)第十章生成并运行“Hello World”Silverlight应用程序 (6)第十一章什么是app.xaml？ (8)第十二章Page.xaml文件 (8)第十三章从XAML标签开始 (9)第十四章如何在Web页面放置Silverlight控件？ (10)第十五章如何在Silverlight控件中设置默认.xaml页面？ (11)第十六章如何从其他的XAML页面打开XAML页面？ (11)第十七章从Silverlight控件打开特定的xaml页 (12)第十八章在Silverlight布局控件 (13)Silverlight中的布局面板控件 - Canvas (14)Silverlight中的布局面板控件 - StackPanel (15)Silverlight中的布局面板控件– Grid (16)第十九章如何在Silverlight控件中显示图像？ (17)Image.Source属性 (17)Image.stretch属性 (19)Width和Height属性 (20)Image.Clip属性 (20)第二十章在Silverlight中如何拖动或移动图像或对象？ (21)第二十一章如何从页面传递参数到Silverlight控件？ (23)InitParameters (23)如何设置InitParameters (23)从App.xaml传递参数到其他页面 (24)在XAML页面使用IDictionary参数 (24)第二十二章如何从Silverlight控件调用WCF方法？ (25)Silverlight入门Silverlight中使用WCF (25)第二十三章Silverlight中使用WCF示例 (27)第二十四章从Silverlight控件访问Session变量 (29)第二十五章创建WCF访问检索Session数据示例 (30)第二十六章如何从Silverlight代码调用Javascript函数？ (33)第二十七章如何在Silverlight页面上弹出层？ (34)第二十八章为Silverlight控件添加工具提示 (35)简单的文本提示 (36)显示富UI元素提示 (36)编程方式设置工具提示 (37)第二十九章如何在Silverlight播放音频或声音文件？ (38)第三十章在Silverlight中如何显示右键菜单？ (39)第三十一章介绍Silverlight绑定数据 (40)第三十二章Silverlight数据绑定示例：BindingMode枚举 (44)第三十三章如何为Siverlight控件设置背景图片 (45)第三十四章Javascript检测是否安装了Silverlight (47)在这套Silverlight学习系列中将学习Silverlight基础并使用Silverlight编写web应用程序。
一步一步学Silverlight ：使用样式封装控件观感
一步一步学Silverlight ：使用样式封装控件观感概述Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web Service、WCF 以及Sockets的支持等一系列新的特性。
《一步一步学Silverlight 2系列》文章带您快速进入Silverlight 2开发。
本文为系列文章第八篇，主要介绍在Silverlight中使用Style元素封装控件观感Silverlight 支持一种Style 机制，它允许我们把控件的属性值封装成可重用的资源。
我们可以把这些样式声明保存在独立于页面的其他文件中，然后就可以在一个应用程序中跨控件和页面重用（甚至跨多个应用程序重用）。
在做一些基本定制的场景下，概念上类似于在HTML 中重用CSS。
内联样式内联样式这个概念其实跟我们在HTML中指定元素的样式一样，在XAML中通过属性来设置，如下面这段XAML，我们添加了两个按钮，并在其中设置字体的样式：运行后显示效果如下：使用内联样式不是一种很好的做法，样式不可重用，页面XAML代码混乱等，这些缺点其实类似于在HTML中直接设置元素的样式。
一种推荐的方式是应该使用全局的样式。
全局样式为了更好使样式能够重用，并且减少XAML中的代码，推荐使用全局样式。
在App.xaml中定义两个样式通过Style元素指定，需要设置唯一的一个Key，类似于CSS中的类名或者 2.0中Skin 功能，并且通过TargetType指定该样式将使用在哪类控件上，每一个属性都用Setter来指定。
在XAML中，通过StaticResource标记句法来指定具体的样式：相比较上面的XAML文件，现在代码已经干净多了，这使得我们可以只专注于应用程序的业务，而无需考虑它的外观（在Beta1中似乎有些属性设置后会报错）。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
一步一步学Silverlight 2系列（1）：创建一个基本的Silverlight应用概述Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web Service、WCF 以及Sockets的支持等一系列新的特性。
《一步一步学Silverlight 2系列》文章带您快速进入Silverli ght 2开发。
本文为系列第一篇创建一个基本的Silverlight 2应用，不能免俗，从最简单的Hello Word 开始。
建立项目安装完Silverlight 2 Beta 1之后打开VS2008，打开新建项目对话框，可以看到Silverlight A pplication项目模板。
Silverlight应用不能够独立运行，之后弹出的对话框中可供我们选择创建一个 Web Sit e或者Web Application Project用来托管Silverlight应用程序。
这里我们选择创建一个Web Application Project，创建完成后的项目结构如下所示：理解.xap文件在建立一个Silverlight应用程序后，我们什么都不做，直接编译一下整个解决方案，可以看到在资源管理器中多出了一个ClientBin的文件夹，并在下面添加了一个TerryLee.SilverlightDemo2.xap的文件。
该文件是一个标准的.NET程序集，在编译的时候所有的XAML标识和资源文件如图片等都会包含在里面，采用了标准的Zip压缩算法，以减少客户端下载的文件体积。
拷贝一份该文件，并且修改后缀名.x ap为.zip，并且解压缩，可以看到里面包含了一些dll文件和一个AppManifest.xaml：再打开TerryLee.SilverlightDemo2TestPage.aspx文件，在页面的顶部引入了System. Web.Silverlight程序集，支持<asp:Silverlight/>控件：<asp:Silverlight/>控件的声明如下，其中属性Source属性指定了刚才编译生成的.xap文件的路径：创建一个Hello Word程序现在我们创建一个简单的Hello Word Silverlight程序，使用如下XAML创建一个简单的按钮：运行后效果如下：为按钮添加Click事件，在XAML编辑器中输入事件名称Click之后，再按Tab键将会使用默认的命名方法生成事件处理方法：打开Page.xaml.cs文件后，可以看到已经生成了对应的事件处理方法，现在就可以用熟悉的C#来编写处理程序了，如单击按钮时我们改变按钮的背景色和文字：再运行上面的程序并单击按钮，按钮的文字及背景色发生了变化：结束语本篇文章是使用Visual Studio 2008开发Silverlight 2应用程序的一个入门，相信大家都已经看过ScottGu的文章已经有所了解。
但是为了整个系列完整起见，还是做了一下重复的劳动。
一步一步学Silverlight 2系列（2）：基本控件概述Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web Service、WCF 以及Sockets的支持等一系列新的特性。
《一步一步学Silverlight 2系列》文章带您快速进入Silverli ght 2开发。
本文为系列文章第二篇学习几个基本的控件。
在Silverlight 2中，提供了大量的控件，包括Button、、Calendar 、CheckBox 、DataGrid 、DatePicker 、GridSplitter 、HyperlinkButton 、ListBox 、RadioButton 、ScrollViewer 、Slid er 、ToggleButton、ToolTip 、WatermarkedTextBox等，本文将讲述其中的几个控件之用法。
控件之ToggleButton翻转效果在AJAX时代已经相当多了，Silverlight中内置了ToggleButton控件，可以使用如下XAML代码声明一个ToggleButton：运行后界面如下：单击按钮后，控件效果外观效果将会改变：ToggleButton控件有一个很重要的属性IsThreeState，指示控件是否保持三种状态，如设为false，则只会保持两种状态。
控件之WatermarkedTextBoxWatermarkedTextBox即水印效果文本框，可以在文本框未获得焦点之前显示一段文字提示信息，也可以显示其它的控件。
如下面的XAML中，在第一个WatermarkedTextBox中指定水印效果为显示一段文字提示“Please enter password”，而第二个则指定水印效果为一张图片：运行后效果如下所示：单击其中一个文本框：控件之ScrollViewerScrollViewer控件使用非常简单，当其中显示的内容超过它自身的大小时，就会有滚动条出现。
通过属性HorizontalScrollBarVisibility和VerticalScrollBarVisibility来控制纵向和横向滚动条是否出现：运行上面的示例：控件之ToolTipToolTip控件很多时候都用于其它控件的内嵌控件，如Button控件的ToolTip附加属性等。
声明T oolTip控件如下面的XAML所示，当鼠标放上按钮时显示一个简单的信息提示：运行后鼠标放上按钮时效果：结束语本文简单的演示了Silverlight 2中的几个控件的使用，对于DataGrid和ListBox等控件一般用来显示列表数据，将会在后面的数据绑定中讲述，而其它的诸如Button、TextBlock等控件的使用非常简单，这里不再讲述。
一步一步学Silverlight 2系列（3）：界面布局概述Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web Service、WCF 以及Sockets的支持等一系列新的特性。
《一步一步学Silverlight 2系列》文章带您快速进入Silverli ght 2开发。
本文为系列文章第三篇，学习Silverlight 2中的界面布局，Silverlight 2中新增加了Grid和Pa nel两个布局容器，使得界面布局更加的强大和灵活。
Canvas面板Canvas是在Silverlight 1.0时代就有的一种基础布局面板，它采用绝对坐标定位。
可以使用附加属性（Attached Property）对Canvas中的元素进行定位，通过附加属性我们指定控件相对于其直接父容器Canvas 控件的上、下、左、右坐标的位置。
如下面的XAML声明了两个矩形，它们分别相对于父容器Canvas的左边距是50，相对于父容器Canvas的上边距分别是50和150：运行后界面的效果如下所示：除了上面我们用到的Canvas.Top和Canvas.Left两个附加属性外，还有一个Canvas.ZIndex附加属性。
如果指定了两个控件相对于父容器Canvas同样的边距，则后面声明的控件覆盖前面声明的控件。
这时我们可以使用Canvas.ZIndex属性来改变它们的显示顺序，如下面的XAML声明：指定两个矩形相对于父容器Canvas的边距相同，这时默认的后声明的橙色矩形会覆盖蓝色矩形：指定Canvas.ZIndex为1将会让蓝色矩形显示在上面，值最大的显示在最上面：StackPanelStackPanel支持用行或列的方式来进行页面布局，默认情况下所有的子元素会垂直的排列显示，如下面的XAML声明三个矩形：运行后在界面显示效果如下：当然我们也可以指定为水平排列，通过Orientation属性指定：运行后界面显示效果如下：在这里为了让各个控件之间有一定的距离，使用了Margin属性，该属性类似于HTML中的Margi n。
GridGrid控件类似与HTML中的Table，只不过子元素不用放在单元格中。
通过<Grid.RowDefinitio ns> 和<Grid.ColumnDefinitions>来定义Grid的行和列，使用Grid.Row和Grid.Column两个附加属性指定子元素在Grid中显示的位置，这是一种非常灵活的布局方式。
如下面的XAML声明：定义一个两行两列的Grid，做一个简单的用户登录的布局，为了明显起见，把ShowGridLines属性设为True，以便能够显示出边框线。
同时，我们指定了第一行的高度为120，而第二行的则是剩余的高度，用*来指定。
运行后效果如下：综合实例分别了解了上面的三个布局控件，接下来我们看一个综合实例，如何完成如下的一个取色器：首先我们添加一个两行两列的Grid控件，分别指定行高和列宽：添加颜色显示区域，用一个矩形显示，放入Grid的第0行第1列：再添加颜色值显示区，嵌套一个StackPanel控件，让它里面的子控件垂直显示：左边用四个Silder控件和四个TextBlock控件显示，需要对Grid的行进行合并Grid.RowSpan 属性：这样我们就完成了上面这样相对复杂的界面布局，对Slider控件添加事件处理程序：运行后，可以选取不同的颜色值：结束语关于界面布局就说到这里，在Silverlight 2中，通过上面的三种布局控件相结合，可以进行非常强大和灵活的界面布局。
一步一步学Silverlight 2系列（4）：鼠标事件处理概述Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很多的惊喜，如支持框架语言Visual Basic, Visual C#, IronRuby, Ironpython，对JSON、Web Service、WCF 以及Sockets的支持等一系列新的特性。
《一步一步学Silverlight 2系列》文章带您快速进入Silverli ght 2开发。
本文为系列文章第四篇，学习Silverlight 2中的鼠标事件处理，支持的鼠标事件包括MouseMov e 、MouseEnter 、MouseLeave 、MouseLeftButtonDown、MouseLeftButtonUp。