|
|
概述
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ù)與通信、自定義控件、動畫、圖形圖像等幾個方面帶您快速進(jìn)入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ù)與通信、自定義控件、動畫、 圖形圖像等幾個方面帶您快速進(jìn)入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ù)與通信、自定義控件、動畫、 圖形圖像等幾個方面帶您快速進(jìn)入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)系我們修改或刪除，多謝。
