Silverlight加載界面的實現方法在這篇文章中將會為大家詳細介紹。希望對一些又需要的朋友men有些幫助。在一個解決方案中，有SplashScreenSourceweb和SplashScreenSource兩個項目。#t#

要往silverlight中加入自定義裝載界面，需要加入到SplashScreenSourceweb項目中，這樣，自定義裝載界面就不會和其它xaml文件一起打包到silverlight程序包中。

Silverlight加載界面步驟如下：

1.右擊silverlightapplicationweb項目，選擇屬性，選擇啟動選項，把SplashScreenSourceTestPage.html設為啟動頁面。

2.右擊silverlightapplicationweb項目，選擇添加新項，選擇添加一個Silverlight JScript 頁，命名為SplashScreen.xaml。

3.打開SplashScreen.xaml，換成如下代碼：

< Canvas 
xmlns="http://schemas.microsoft.
com/client/2007"   
xmlns:x="http://schemas.
microsoft.com/winfx/2006/xaml"   
x:Name="parentCanvas"   
Width="850" 
Height="600" 
Background="OldLace" 
> 
< Canvas Canvas.Top="228.834" 
Canvas.Left="246.329" Width="357" 
Height="31.379"> 
< Rectangle Width="27.545" 
Height="1" x:Name="uxProgress" 
Canvas.Top="29.545" Canvas.Left="1.4"> 
< Rectangle.RenderTransform> 
< TransformGroup> 
< ScaleTransform x:Name="uxProgressBar" 
ScaleX="1" ScaleY="0"/> 
< SkewTransform AngleX="0" AngleY="0"/> 
< RotateTransform Angle="270"/> 
< TranslateTransform X="0" Y="0"/> 
< /TransformGroup> 
< /Rectangle.RenderTransform> 
< Rectangle.Fill> 
< LinearGradientBrush EndPoint=
"1,0.5" StartPoint="0,0.5"> 
< GradientStop Color="#FFFFFFFF" 
Offset="1"/> 
< GradientStop Color="#FFFFFFFF" 
Offset="0"/> 
< GradientStop Color="#FF2975D0"
 Offset="0.28"/> 
< GradientStop Color="#FF2975D0"
 Offset="0.72"/> 
< /LinearGradientBrush> 
< /Rectangle.Fill> 
< /Rectangle> 
< TextBlock x:Name="uxStatus" Height="25" 
Canvas.Left="125" Text="Loading..." 
TextWrapping="Wrap" Canvas.Top="4.16"/> 
< Path Width="356.85" Height="1" 
Fill="#FF3A3A3A" Stretch="Fill" 
Stroke="#FF000000" Canvas.Top="0" 
Data="M0,170.5 L356.84209,170.5" 
Opacity="0.35"/> 
< Path Width="1.662" Height="29.03" 
Fill="#FF3A3A3A" Stretch="Fill" 
Stroke="#FF000000" Canvas.Top="0.48" 
Canvas.Left="0.2" Data="M360,168 L360,0" 
Opacity="0.35" /> 
< Path Width="357.84" Height="1"
 Fill="#FF3A3A3A" Stretch="Fill" 
Stroke="#FF000000" Canvas.Top="29" 
Data="M0,170.5 L356.84209,170.5" Opacity="0.35"/> 
< Path Width="358.85" Height="1" Fill="#FFA2A2A2" 
Stretch="Fill" Stroke="#FF000000" Canvas.Top="30" 
Data="M0,170.5 L356.84209,170.5" Opacity="0.25"/> 
< Path Width="1.662" Height="30" Fill="#FF3A3A3A" 
Stretch="Fill" Stroke="#FF000000" 
Canvas.Left="356.01" Data="M360,168 L360,0" 
Opacity="0.35" Canvas.Top="-0.498"/> 
< Path Width="1" Height="31" Fill="#FFA2A2A2" 
Stretch="Fill" Stroke="#FF000000" 
Canvas.Left="357.333" Data="M360,168 L360,0" 
Opacity="0.245" Canvas.Top="-0.498" />   
< /Canvas> 
< /Canvas> 

Silverlight加載界面4.打開SplashScreenSourceTestPage.html，把代碼

< param name="source" 
value="ClientBin/Splash
ScreenSource.xap"/> 

改成

< param name="source" 
value="SplashScreenSource.xap"/>  

5.在解決方案資源管理器中，把ClientBin目錄下的SplashScreenSource.xap拖到SplashScreenSourceWeb根目錄下。

6.打開SplashScreenSourceTestPage.html，加入如下代碼：

< param name="splashscreensource" 
value="SplashScreen.xaml"/> 
< param name="onSourceDownload
ProgressChanged" value=
"onSourceDownloadProgressChanged" /> 

Silverlight加載界面7.打開SplashScreen.js，輸入以下代碼：

function onSourceDownload
ProgressChanged(sender, eventArgs)  
{  
sender.findName("uxStatus").
Text = "Loading: " + Math.
round((eventArgs.progress * 
1000)) / 10 + "%";  
sender.findName("uxProgressBar").
ScaleY = eventArgs.progress * 356;  
} 

8.打開SplashScreenSourceTestPage.html，加入以下代碼：

< script type="text/javascript" 
src="splashscreen.js">< /script> 

9.運行Silverlight加載界面！