Silverlight集成HTML具体实现技巧介绍

Silverlight的做哟欧诺个是非常强大的。我们可以使用这样的一款开发工具轻松的实现与多媒体有关的相关操作。在这里我们将会了解到Silverlight集成HTML的一些技巧方法。

Object元素可以被用于Silverlight集成HTML的操作中,但是要在浏览器兼容的方式下进行。比较常见的应用有俩种,一个是嵌入 Silverlight 插件,并将该应用程序指定给宿主。另一个是指定在未安装 Silverlight 时显示的备用 HTML。

这些应用对应于 HTML 页的不同部分,尤其是,对应于 object 元素的不同配置参数。首先我们来介绍怎样使用每个过程中的代码段。最后把他们结合起来,就确保得到了跨浏览器兼容性,并基于 Visual Studio 和 Expression Blend 用来动态生成测试页的模板。
嵌入插件

将 object 元素添加到 HTML,并指定属性和子 param 元素实现Silverlight集成HTML。

< object width="300" height="300" 



data="data:application
/x-silverlight-2,"   




type="application/x-
silverlight-2" > 




< param name="source" 
value="SilverlightApplication1.xap"/> 




< /object> 

width 和 height 属性是跨浏览器兼容性所必需的。可以相对于父元素的宽度和高度指定固定像素值或百分比。如果使用相对大小调整,可以通过处理 Content.Resized 事件对插件大小的更改做出响应。

type 属性和显示的特定值也是必需的。此值使用 Silverlight MIME 类型来标识插件和必需的版本。建议使用 data 属性及其值,以避免某些浏览器出现性能问题。请注意数据值的尾随逗号。它表示具有空值的第二个数据参数。名为 source 的 param 元素是必需的,该元素表示应用程序文件的位置和名称。通常在相对于 HTML 文件的位置指定一个 .xap 应用程序包。

指定要在未安装 Silverlight 时显示的备用 HTML

向子 param 元素后的 object 元素添加 HTML 内容实现Silverlight集成HTML。

< object id="SilverlightPlugin1" 
width="300" height="300" 



data="data:application/x-silverlight-2,"   




type="application/x-silverlight-2" > 




< param name="source" value=
"SilverlightApplication1.xap"/> 




< !-- Display installation image. --> 




< a href="http://go.microsoft.
com/fwlink/?LinkID=149156"   




style="text-decoration: none;"> 




< img src="http://go.microsoft.
com/fwlink/?LinkId=108181"   




alt="Get Microsoft Silverlight"   




style="border-style: none"/> 




< /a> 




< /object> 

该示例显示了默认安装映像源和安装程序 URI。使用这些 URI,服务器可以检测到用户的浏览器设置以提供正确版本的安装映像和安装程序。如果用户的浏览器不受支持,单击映像可使浏览器打开 Silverlight Requirements页。

为了将 Silverlight 安装体验集成到网页中,可以任意提供复杂的备用 HTML。不过,在许多情况下,用户必须在安装 Silverlight 后重新启动或刷新浏览器。对于 Internet Explorer 而言,只需要刷新浏览器,除非用户安装的是早期版本的 Silverlight 并通过安装链接升级。也可以自动刷新浏览器,或者通过使用 Silverlight.js 文件中的帮助器功能取消刷新要求。还可以使用 Silverlight.js 执行细化的浏览器要求检测。

相关推荐