概述

Silverlight 2 Beta 1版本發(fā)布了，無論從Runtime還是Tools都給我們帶來了很多的驚喜，如支持框架語言Visual Basic, Visual C#, IronRuby, IronPython，對JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步學(xué)Silverlight 2系列》文章將從Silverlight 2基礎(chǔ)知識、數(shù)據(jù)與通信、自定義控件、動畫、圖形圖像等幾個方面帶您快速進入Silverlight 2開發(fā)。

本文將介紹Silverlight與HTML混合編程之無窗口模式。

無窗口模式

為什么默認(rèn)情況下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內(nèi)容的樣式：

<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插件設(shè)置樣式，并將插件的背景設(shè)置為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版本發(fā)布了，無論從Runtime還是Tools都給我們帶來了很多的驚喜，       如支持框架語言Visual Basic, Visual C#, IronRuby, IronPython，       對JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。       《一步一步學(xué)Silverlight 2系列》文章將從Silverlight 2基礎(chǔ)知識、數(shù)據(jù)與通信、自定義控件、動畫、       圖形圖像等幾個方面帶您快速進入Silverlight 2開發(fā)。 </div>

現(xiàn)在來運行程序：

可以看到，我們在div中放置的文本，有一部分被Silverlight區(qū)域擋住了，因為這時候Silverlight仍然以默認(rèn)模式運行，它在瀏覽器中作為獨立的一個子窗口而存在，可以通過屬性Windowless來設(shè)置：

設(shè)置Windowless為true之后，再運行程序：

現(xiàn)在可以看到，文字信息可以顯示在Silverlight插件之上。我們再調(diào)整一下文字區(qū)域和Silverlight插件的位置：

<div>    <div class="content">           Silverlight 2 Beta 1版本發(fā)布了，無論從Runtime還是Tools都給我們帶來了很多的驚喜，           如支持框架語言Visual Basic, Visual C#, IronRuby, IronPython，           對JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。           《一步一步學(xué)Silverlight 2系列》文章將從Silverlight 2基礎(chǔ)知識、數(shù)據(jù)與通信、自定義控件、動畫、           圖形圖像等幾個方面帶您快速進入Silverlight 2開發(fā)。     </div>    <ASP:Silverlight ID="Xaml1" runat="server"     Source="~/ClientBin/TerryLee.SilverlightWindowless.xap"     Version="2.0" CssClass="slPlugin" PluginBackground="Transparent"    Windowless="true"/></div>

再運行一下程序：

這時Silverlight顯示在文字的上面，由于設(shè)置為背景為透明的，這樣就可以看到一部分文字。

結(jié)束語

本文內(nèi)容比較少，簡單介紹了混合Silverlight和HTML——Silverlight插件的無窗口模式相關(guān)內(nèi)容，其實就是Windowless屬性的設(shè)置:)

NET技術(shù)：一步一步學(xué)Silverlight ：Silverlight與HTML混合之無窗口模式，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。