WEB开发网
开发学院图形图像Flash 学Silverlight 2系列(23):Silverlight与HTML混... 阅读

学Silverlight 2系列(23):Silverlight与HTML混合之无窗口模式

 2008-10-03 11:34:39 来源:WEB开发网   
核心提示: <asp:Silverlight ID="Xaml1" runat="server"Source="~/ClientBin/TerryLee.SilverlightWindowless.xap"Version="2

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

现在来运行程序:

学Silverlight 2系列(23):Silverlight与HTML混合之无窗口模式

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

学Silverlight 2系列(23):Silverlight与HTML混合之无窗口模式

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

学Silverlight 2系列(23):Silverlight与HTML混合之无窗口模式

现在可以看到,文字信息可以显示在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 2系列(23):Silverlight与HTML混合之无窗口模式 

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

结束语

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

上一页  1 2 

Tags:Silverlight 系列 Silverlight

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接