Silverlight 自定义加载页面

xaml代码行:

1.<Canvas   

2.        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"       

3.        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  

4.        x:Name="parentCanvas"        

5.         Width="1262" Height="613" Background="Black"  

6.        >  

7.    <Canvas.Triggers>  

8.      <EventTrigger RoutedEvent="Canvas.Loaded">  

9.        <BeginStoryboard>  

10.  

11.          <Storyboard x:Name="CycleAnimation" RepeatBehavior="Forever">  

12.      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="snake" Storyboard.TargetProperty="Angle">  

13.        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0"></SplineDoubleKeyFrame>  

14.        <SplineDoubleKeyFrame KeyTime="00:00:02" Value="10"></SplineDoubleKeyFrame>  

15.        <SplineDoubleKeyFrame KeyTime="00:00:04" Value="0"></SplineDoubleKeyFrame>  

16.        <SplineDoubleKeyFrame KeyTime="00:00:06" Value="-10"></SplineDoubleKeyFrame>  

17.        <SplineDoubleKeyFrame KeyTime="00:00:08" Value="0"></SplineDoubleKeyFrame>  

18.      </DoubleAnimationUsingKeyFrames>  

19.    </Storyboard>  

20.        </BeginStoryboard>  

21.      </EventTrigger>  

22.    </Canvas.Triggers>  

23.  <Grid Width="1262" Height="613">  

24.    <Grid Width="120" Height="98" VerticalAlignment="Center" HorizontalAlignment="Center" RenderTransformOrigin="0.5,0" x:Name="pb1">  

25.      <Grid.Background>  

26.        <ImageBrush ImageSource="/loading/ss.png"></ImageBrush>  

27.      </Grid.Background>  

28.      <Grid.RenderTransform>  

29.        <TransformGroup>  

30.          <ScaleTransform/>  

31.          <SkewTransform/>  

32.          <RotateTransform Angle="0" x:Name="snake"/>  

33.          <TranslateTransform/>  

34.        </TransformGroup>  

35.      </Grid.RenderTransform>  

36.      <TextBlock x:Name="txtLoad" Text="0%" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="22" Margin="0 30 0 0" Foreground="White"></TextBlock>  

37.    </Grid>  

38.  </Grid>  

39.</Canvas>  

 

js代码行:

1.function onSourceDownloadProgressChanged(sender, eventArgs) {  

2.    sender.findName("txtLoad").Text = "" + Math.round((eventArgs.progress * 1000)) / 10 + "%";  

3.}  



 function onSourceDownloadProgressChanged(sender, eventArgs) {

     sender.findName("txtLoad").Text = "" + Math.round((eventArgs.progress * 1000)) / 10 + "%";

 }

 

在aspx引用silverlight的object中加入

<param name="splashscreensource" value="Loading/CustomLoadPage.xaml"/> <param name="onSourceDownloadProgressChanged" value="onSourceDownloadProgressChanged" />

并引用上面的js文件

js文件的主要作用是显示载入的百分比.

 

silverlight的初始化屏幕.微软说明地址:http://msdn.microsoft.com/zh-cn/library/cc838130(VS.95).aspx

关于循环动画的事件触发器:http://msdn.microsoft.com/zh-cn/library/bb979699(VS.95).aspx

<EventTrigger RoutedEvent="Canvas.Loaded">的意思就是当这个画布被加载后.所执行的事件.

这样就可以在这个中间写入我们需要显示的效果.不需要用js来调用storybroder的启动.