5 月
14
14
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應用程式之後,使用瀏覽器執行測試網頁,載入時網頁將顯示:

載入完成之後:

There are no comments.