使用Silverlight進行Web開發的都非常熟悉下面的Microsoft自帶的進度加載條:

這個美觀上先不說,而且和實際的xap加載内容時間上較長,讓使用者等待時間過長,使用者體驗差。
這裡提供一個方法:
首先看下效果圖:
在美觀度和加載時間上都有較大改善。
下面将實作方法羅列如下:
1、在網站根目錄下增加一個SplashScreen.xaml的檔案,你可以建立一個txt文檔,然後拷貝下面的代碼,然後将字尾名txt修改成xaml即可,裡面的圖檔根據你實際的來,可以使用網絡上的絕對路徑圖檔,也可以使用相對路徑,圖檔放在網站根目錄下,其中的代碼為:
2、在網站的根目錄下,修改Silverlight.js檔案,在後面追加如下一段js函數:
3、在承載Silverlight的Web網頁部分的object标簽内增加如下紅色部分:
<object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
width="100%" height="100%">
<param name="source" value="ClientBin/WebMain.xap" />
<param name="onError" value="onSilverlightError" />
<param name="background" value="white" />
<param name="minRuntimeVersion" value="4.0.50826.0" />
<param name="autoUpgrade" value="true" />
<param name="windowless" value="true" />
<param name="splashscreensource" value="SplashScreen.xaml"/>
<param name="onSourceDownloadProgressChanged" value="onSourceDownloadProgressChanged" />
<a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50826.0" style="text-decoration: none">
<img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="擷取 Microsoft Silverlight"
style="border-style: none" />
</a>
</object>
經過上面三步後,你就可以看到上圖所示的效果啦!
注:更多關于Silverlight、asp.net、WebGIS的技術交流,請關注群:106887513