欢迎访问 生活随笔!

尊龙游戏旗舰厅官网

当前位置: 尊龙游戏旗舰厅官网 > 前端技术 > html >内容正文

html

一步一步学silverlight 2系列(23):silverlight与html混合之无窗口模式 -尊龙游戏旗舰厅官网

发布时间:2025/1/21 html 4 豆豆
尊龙游戏旗舰厅官网 收集整理的这篇文章主要介绍了 一步一步学silverlight 2系列(23):silverlight与html混合之无窗口模式 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

概述

silverlight 2 beta 1版本发布了,无论从runtime还是tools都给我们带来了很多的惊喜,如支持框架语言visual basic, visual c#, ironruby, ironpython,对json、web service、wcf以及sockets的支持等一系列新的特性。《一步一步学silverlight 2系列》文章将从silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入silverlight 2开发。

本文将介绍silverlight与html混合编程之无窗口模式。

无窗口模式

为什么默认情况下silverlight插件会拥有自己的窗口,所有的silverlight的处理操作都会在该子窗口中完成。我们看一个例子:

先做一个简单的silverlight界面:

<stackpanel><stackpanel.background><lineargradientbrush startpoint="1,0" endpoint="0,0"><gradientstop color="transparent" offset="0" /><gradientstop color="#ff6600" offset="1" />lineargradientbrush>stackpanel.background><textblock text="这里是silverlight" margin="150 100 0 0" foreground="white"/> stackpanel>

在测试页中定义两个样式,分别用来控制silverlight插件和html内容的样式:

<style type="text/css">.slplugin{position: absolute;top: 0px;left: 0px;width: 50%;height: 200px;border:dotted 2px #ff6600;}.content{position: absolute;top: 0px;left: 0px;border:dotted 2px #11fe02;} style>

为silverlight插件设置样式,并将插件的背景设置为transparent

<asp:silverlight id="xaml1" runat="server" source="~/clientbin/terrylee.silverlightwindowless.xap" version="2.0" cssclass="slplugin" pluginbackground="transparent"/>

放置一个div,里面加一些文本:

<div class="content">silverlight 2 beta 1版本发布了,无论从runtime还是tools都给我们带来了很多的惊喜,如支持框架语言visual basic, visual c#, ironruby, ironpython,对json、web service、wcf以及sockets的支持等一系列新的特性。《一步一步学silverlight 2系列》文章将从silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入silverlight 2开发。div>

现在来运行程序:

 

可以看到,我们在div中放置的文本,有一部分被silverlight区域挡住了,因为这时候silverlight仍然以默认模式运行,它在浏览器中作为独立的一个子窗口而存在,可以通过属性windowless来设置:

 

设置windowless为true之后,再运行程序:

 

现在可以看到,文字信息可以显示在silverlight插件之上。我们再调整一下文字区域和silverlight插件的位置:

<div><div class="content">silverlight 2 beta 1版本发布了,无论从runtime还是tools都给我们带来了很多的惊喜,如支持框架语言visual basic, visual c#, ironruby, ironpython,对json、web service、wcf以及sockets的支持等一系列新的特性。《一步一步学silverlight 2系列》文章将从silverlight 2基础知识、数据与通信、自定义控件、动画、图形图像等几个方面带您快速进入silverlight 2开发。div><asp:silverlight id="xaml1" runat="server" source="~/clientbin/terrylee.silverlightwindowless.xap" version="2.0" cssclass="slplugin" pluginbackground="transparent"windowless="true"/> div>

再运行一下程序:

 

这时silverlight显示在文字的上面,由于设置为背景为透明的,这样就可以看到一部分文字。

结束语

本文内容比较少,简单介绍了混合silverlight和html——silverlight插件的无窗口模式相关内容,其实就是windowless属性的设置:)

转载于:https://www.cnblogs.com/terrylee/archive/2008/03/14/silverlight2-step-by-step-part23-mixing-silverlight-html-windowless-mode.html

总结

以上是尊龙游戏旗舰厅官网为你收集整理的一步一步学silverlight 2系列(23):silverlight与html混合之无窗口模式的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得尊龙游戏旗舰厅官网网站内容还不错,欢迎将尊龙游戏旗舰厅官网推荐给好友。

网站地图