Silverlight 控制 HTML 項目

作  者:羅慧真 精誠資訊 恆逸教育訓練中心 資深講師
技術分類:程式設計

大家都知道Silverlight應用程式是執行於瀏覽器之中,但是可以在Silverlight之中控制HTML元素嗎?

答案是可以的,而且很容易!!

在Silverlight的Runtime中有一個System.Windows.Browser的命名空間,它提供存取目前網頁中HTML文件的相關類別庫,其中HtmlElement便可用來控制目前Silverlight應用程式的所在網頁。

接下來就讓我們來看看這個範例,這個範例是模擬應用程式載入前的提示資訊。 首先在HTML的頁面中加入一段Div提示目前應用程式載入中的資訊。

然後修改Silverlight應用程式所在Host的Div,將其寬度改成1%。

開啟在Silverlight專案中的App.xaml.cs,在Startup事件中將利用GetElementById找到div的loadMSG區段,並將此區段隱藏。

接著將silverlightControlHost的寬度回復到100%,以求順利的顯示內容:

開啟MainPage.xaml,放入一個TextBlock,設定Text屬性為Hello SL App,並設定LayoutRoot的Background屬性,XAML如下:

建置Silverlight應用程式之後,使用瀏覽器執行測試網頁,載入時網頁將顯示:

載入完成之後:

by mhchen15 on 14 5 月, 2012 in Silverlight, 程式 - Tags:
Tags:

There are no comments.

Name*: Website: E-Mail*:
XHTML: You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>