学Silverlight 2系列（23）：Silverlight与HTML混合之无窗口模式

本文将介绍Silverlight与HTML混合编程之无窗口模式。@H_403_7@

无窗口模式@H_403_7@

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

先做一个简单的Silverlight界面：@H_403_7@

<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>@H_403_7@

在测试页中定义两个样式，分别用来控制Silverlight插件和HTML内容的样式 ：@H_403_7@

<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>@H_403_7@

为Silverlight插件设置样式，并将插件的背景设置为Transparent@H_403_7@

<asp:Silverlight ID="Xaml1" runat="server"
　　　　　　 source="~/ClientBin/TerryLee.SilverlightWindowless.xap"
　　　　　 　Version="2.0" CssClass="slPlugin" PluginBACkground="Transparent"/>@H_403_7@

放置一个div，里面加一些文本：@H_403_7@

<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>@H_403_7@

现在来运行程序：@H_403_7@

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

 @H_403_7@

设置Windowless为true之后，再运行程序：@H_403_7@

现在可以看到，文字信息可以显示在Silverlight插件之上。我们再调整一下 文字区域和Silverlight插件的位置：@H_403_7@

<div>
　　<div class="content">
　　　　　 Silverlight 2 Beta 1版本发布了，无论从Runtime还是Tools都给我们带来了很 多的惊喜，
　　　　　 如支持框架语言Visual Basic,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>@H_403_7@

再运行一下程序：@H_403_7@

@H_696_101@

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

结束语@H_403_7@

本文内容比较少，简单介绍了混合Silverlight和HTML——Silverlight插件 的无窗口模式相关内容，其实就是Windowless属性的设置:)@H_403_7@