|
|
概述
Silverlight 2 Beta 1版本發(fā)布了，無(wú)論從Runtime還是Tools都給我們帶來(lái)了很多的驚喜，如支持框架語(yǔ)言Visual Basic, Visual C#, IronRuby, IronPython，對(duì)JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。《一步一步學(xué)Silverlight 2系列》文章將從Silverlight 2基礎(chǔ)知識(shí)、數(shù)據(jù)與通信、自定義控件、動(dòng)畫(huà)、圖形圖像等幾個(gè)方面帶您快速進(jìn)入Silverlight 2開(kāi)發(fā)。
本文將介紹Silverlight與HTML混合編程之無(wú)窗口模式。
無(wú)窗口模式
為什么默認(rèn)情況下Silverlight插件會(huì)擁有自己的窗口，所有的Silverlight的處理操作都會(huì)在該子窗口中完成。我們看一個(gè)例子：
先做一個(gè)簡(jiǎn)單的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>
在測(cè)試頁(yè)中定義兩個(gè)樣式，分別用來(lái)控制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è)置為T(mén)ransparent
<ASP:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/TerryLee.SilverlightWindowless.xap" Version="2.0" CssClass="slPlugin" PluginBackground="Transparent"/>
放置一個(gè)div，里面加一些文本：
<div class="content"> Silverlight 2 Beta 1版本發(fā)布了，無(wú)論從Runtime還是Tools都給我們帶來(lái)了很多的驚喜， 如支持框架語(yǔ)言Visual Basic, Visual C#, IronRuby, IronPython， 對(duì)JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。 《一步一步學(xué)Silverlight 2系列》文章將從Silverlight 2基礎(chǔ)知識(shí)、數(shù)據(jù)與通信、自定義控件、動(dòng)畫(huà)、 圖形圖像等幾個(gè)方面帶您快速進(jìn)入Silverlight 2開(kāi)發(fā)。 </div>
現(xiàn)在來(lái)運(yùn)行程序：
可以看到，我們?cè)赿iv中放置的文本，有一部分被Silverlight區(qū)域擋住了，因?yàn)檫@時(shí)候Silverlight仍然以默認(rèn)模式運(yùn)行，它在瀏覽器中作為獨(dú)立的一個(gè)子窗口而存在，可以通過(guò)屬性Windowless來(lái)設(shè)置：
設(shè)置Windowless為true之后，再運(yùn)行程序：
現(xiàn)在可以看到，文字信息可以顯示在Silverlight插件之上。我們?cè)僬{(diào)整一下文字區(qū)域和Silverlight插件的位置：
<div> <div class="content"> Silverlight 2 Beta 1版本發(fā)布了，無(wú)論從Runtime還是Tools都給我們帶來(lái)了很多的驚喜， 如支持框架語(yǔ)言Visual Basic, Visual C#, IronRuby, IronPython， 對(duì)JSON、Web Service、WCF以及Sockets的支持等一系列新的特性。 《一步一步學(xué)Silverlight 2系列》文章將從Silverlight 2基礎(chǔ)知識(shí)、數(shù)據(jù)與通信、自定義控件、動(dòng)畫(huà)、 圖形圖像等幾個(gè)方面帶您快速進(jìn)入Silverlight 2開(kāi)發(fā)。 </div> <ASP:Silverlight ID="Xaml1" runat="server" Source="~/ClientBin/TerryLee.SilverlightWindowless.xap" Version="2.0" CssClass="slPlugin" PluginBackground="Transparent" Windowless="true"/></div>
這時(shí)Silverlight顯示在文字的上面，由于設(shè)置為背景為透明的，這樣就可以看到一部分文字。
結(jié)束語(yǔ)
本文內(nèi)容比較少，簡(jiǎn)單介紹了混合Silverlight和HTML——Silverlight插件的無(wú)窗口模式相關(guān)內(nèi)容，其實(shí)就是Windowless屬性的設(shè)置:)
NET技術(shù)：一步一步學(xué)Silverlight ：Silverlight與HTML混合之無(wú)窗口模式，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
