详解微软Silverlight软件是什么?Silverlight图文使用教程

  微软Silverlight是一个跨浏览器、跨客户平台的技术,能够设计、开发和发布有多媒体体验与富交互(RIA,Rich Interface Application)的网络交互程序,一起来看看具体的使用步骤吧。

  推荐下载:

  步骤如下:

  【第一步】什么是Silverlight

  Microsoft Silverlight 是一种跨浏览器、跨平台的 .NET Framework 实现,用于为 Web 生成和提供下一代媒体体验和丰富的交互式应用程序 (RIA)。Silverlight 统一了服务器、Web 和桌面的功能,统一了托管代码和动态语言、声明性编程和传统编程以及 Windows Presentation Foundation (WPF) 的功能。

  Silverlight 允许您创建具有以下功能的最先进的应用程序:

  它是一种跨浏览器、跨平台的技术。它在所有常见的 Web 浏览器中运行,包括 Microsoft Internet Explorer、Mozilla Firefox 以及 Apple Safari 和谷歌浏览器,并在 Microsoft Windows 和 Apple Mac OS X 上运行。

  它由可在数秒内安装的很小的下载程序支持。

  它对视频和音频进行流处理。它将视频品质调整到适合各种环境:从移动设备到桌面浏览器以及 720p HDTV 视频模式。

  它包括用户可以直接在浏览器中操作(拖动、旋转和缩放)的足够清晰的图形。

  它读取数据并更新显示内容,但是不通过刷新整个页面来打断用户。

  应用程序可以在 Web 浏览器中运行;您也可以配置应用程序,使用户可以在自己的计算机上运行该应用程序(浏览器外)。

  【第二步】创建你的第一个Silverlight程序

  本人的电脑配置呢,是Windows7旗舰版+VS2010中文旗舰版+SQL Server2008+Silverlight4+IE9,都是现在的最新版,如果您发现和您的开发环境或开发流程不同时,请注意按照您的配置更改。

  VS2008开发类似于MVC或Silverlight程序,需要安装补丁包,详细配置可百度查询,就不多啰嗦了,下面开始咱们第一个Silverlight程序吧~~

  【示例1】使用VS2010+Silverlight4开发“Hello World”Silverlight程序

  首先打开VS2010,新建项目,选择Silverlight创建一个Silverlight应用程序,如下图

  在名称栏里,你可以为第一个项目命名,这里飞茶将第一个项目命名为“StudySilverlight”,点击确定之后,会弹出一个新对话框,允许我们选择是否需要一个服务器端的ASP.NET Web或只要创建Silverlight应用程序,这里我们只需要创建应用程序的话,就把“在新网站中承载Silverlight应用程序”一项前面的选择给去掉就可以了~~下面还有一个下拉框让你选择Silverlight的版本,这里选择目前最新的Silverlight4。

  点击“确定”之后,VS会为我们创建一个解决方案,里面包含Silverlight客户端应用,如果你选择了要在新网站承载一项时,还会包含一个ASP.NET Web的服务器端应用。VS界面如下图:

  【第一步】理解Silverlight应用里面都有什么

  创建完成之后,先不要急着写代码,我们看一下“解决方案资源管理器”里面,都包含些神马神秘的东东,只有了解了它的原理,才会更好的去开发~~

  在默认情况下,一个新建的Silverlight应用项目包含一个MainPage.xaml和一个App.xaml文件,App.xaml 允许您指定应用于整个应用程序的资源和代码。MainPage.xaml 定义一个页面,该页面与网站中的页面类似。MainPage.xaml.cs 是您编写托管代码的代码隐藏文件。此模型与 ASP.NET 中使用的模型类似。

  注:MainPage和App文件在Silverlight4离线文档中的介绍

  MainPage 文件

  可以使用 MainPage 类来创建 Silverlight 应用程序的用户界面。MainPage 类派生自 UserControl。可以通过使用 MainPage.xaml(对于 XAML 标记)和 MainPage.xaml.cs 或 MainPage.xaml.vb(对于代码隐藏)来实现MainPage 类。

  App 文件

  Silverlight 应用程序需要使用 App 类来显示应用程序用户界面。通过使用 App.xaml 和 App.xaml.cs 或 App.xaml.vb 来实现 App 类。在创建应用程序包(.xap 文件)后,由 Silverlight 插件将 App 类实例化。)

  XAML文件是XML文本文件,可以用来以声明的方式指定Silverlight或WPF应用的用户界面,XAML还可以更广泛的用来以声明的方式代表.NET对象。

  在项目编译时,默认情况下,VS会把代码和XAML标识编译进一个标准的.NET程序集文件中,然后把它和任何静态的资源(如图片或静态文件)包装到硬盘上一个“*.xap”的文件中去。有关编译的原理和内容可参见微软Silverlight4离线文档。

  【第二步】学习在Silverlight中添加控件和处理事件

  如果我们此时直接运行它的时候,只会调出一个空白的页面。在VS直接显示的MainPage.xaml文件代码中,我们可以添加一些内容,VS2010开发界面是所见即所得的开发模式,你改变代码时,设计面板会显示你所更改的效果,这样也免去了经常运行的麻烦。首先,我们在代码中添加一个按钮。

  先介绍一下代码中的内容,“xmlns”是一系列的引用,此时先不用管,以后会介绍到用法;《Grid》允许您创建一个与 HTML 中的表类似的表类型布局,它的作用非常大,应该是开发中最常用的布局工具,此外其它的布局工具还有Canvas、StackPanel,这两项后面再介绍。

  在XAML中写代码的时候,使用的是标记代码,类似于HTML或XML文档,写了开始标记后必须有一个结束标记,不然的话编译会产生错误,Grid中自动生成了两个属性,其中“x:Name”是为Grid指定的名称,“Background”是指背景颜色,默认为白色“White”,这里改成银灰色“Silver”,下面开始在《Grid》《/Grid》中添加代码,

  《Grid x:Name=“LayoutRoot” Background=“Silver”》

  《Button x:Name=“btnOk” Content=“确定” Width=“100” Height=“50” 》《/Button》

  《/Grid》

  《Button》中的属性有“Content”,指按钮显示的内容,“Width”、“Height”分别表示按钮的宽度和高度,代码完成后,设计面板显示如下:

  接着添加一个“Click”事件处理函数,在《Button》中,点击空格,选择或输入“Click”后,VS提示我们在后台代码类中需要使用的事件处理函数,这里我们还没有写方法,所以选择新事件处理,确定了名称之后,我们只需要点击回车就行,它会自动生成以默认命名的事件处理方法,如下图:

  接着,把光标移到“btnOk_Click”上点击右键,选择“导航到事件处理程序”,进入后台代码编写,输入事件代码“btnOk.Content = “Hello World”;”然后,运行程序,运行结果如下图:

  点击前:

  点击后:

  以上就是我们小编为大家详细的介绍什么是Silverlight?Silverlight的使用教程,需要的用户快来试试吧。想了解更多精彩教程请继续关注我们网站!

(0)

相关推荐

  • aaalogo怎么用?Logo设计软件aaa logo中文版图文使用教程

    aaalogo是一款好用的logo设计软件,软件拥有直观的用户界面和丰富的模板对象供大家使用,有了它就可以轻松制作出高水平的LOGO图片了,很多伙伴们都不清楚Logo设计软件aaa logo在哪里下载 ...

  • 手把手教你用移动硬盘做启动盘详解(附相关软件下载)

    下面就教你如何安装WINPE的方法! 第一步、准备分区。先准备好移动硬盘,接入电脑,然后进入控制面板里的管理工具,再进入计算机管理,就看到了磁盘管理选项: 对移动硬盘进行分区,如果已经分区,就要看第一 ...

  • 详解看图软件美图看看的独到之处

    看图软件,用户最注重功能实用,占内存小。“轻量级”看图软件—美图看看同时拥有小巧的文件体积(4.33M)和强大的应用功能!便捷的看图选图操作、一键式的图片网络分享等等,每一项功能的设计都相当实用得体。 ...

  • 微信朋友圈砍价怎么做,图文详解微信砍价软件使用教程

    微信砍价是通过微信用户关注公众号,既可以吸引关注来销售自己的产品,也可以通过转发给好友.微信群或者朋友圈,达到推广营销的目的,由于微信公众平台本身没有此功能,需要借用第三方微信砍价软件来完成,下面具体 ...

  • eDiary电子日记本软件如何使用?eDiary图文使用教程

    eDiary是一款非常好用的电子日记本,记流水帐.写工作日志,记录学习心得,或者用它来管理你的日常文档.eDiary以时间为主线,一起来看看具体的使用方法吧. 推荐下载: 找到ediary文件目录 打 ...

  • XShow图文编辑软件怎么使用?XShow图文使用教程

    XShow是一款专为卡乐led显示屏打造的控制软件,支持控制显示字幕.图片.动态背景等.软件操作简单,即插即用,支持完全自定义操作,一切随心所欲,需要的用户快来参考吧. 推荐下载: 使用方法 首先文件 ...

  • iPhone软件安装及卸载图文详细教程

    小编有话说: 91手机助手(iPhone版)是由网龙公司开发的一款PC端使用的智能手机第三方管理工具,方便的操作为一直以来手机没有方便的配套PC端使用工具提供了一套完美的解决方案. 步骤/方法 01 ...

  • appMaker(app制作软件)怎么使用?appMaker图文使用教程

    appMaker这是一款作为面向手机.平板.传统PC一款专业的富媒体编辑器,任何人都可用它制作出为iphone.iPad.android而设.windows平台的.精美的 Multi-Touch 电子 ...

  • ae怎么破解?Adobe After Effects CC 2015安装+破解图文教程详解

    ae cc 2015,全称为adobe after effects cc 2015,它是adobe官方推出的最新版本的视频剪辑及设计软件,也是目前工作和生活中用于高端视频特效合成的最佳软件.新版本功能 ...